mini-program探秘-微信小程序注册小程序账号到官网注册——流程简单,不再赘述。在网站“设置”-“开发者设置”中,获取AppId下载开发者工具macwindow32windows64通过开发者工具创建小程序文件结构小程序具有全局配置、样式、逻辑,每个页面都有自己的配置、样式,逻辑文件app.json:全局配置--(小程序公共设置)app.js:全局配置--(小程序逻辑)app.wxss:全局配置--(小程序公共样式)pages:页面数组--(小程序可以有自己的配置,样式,逻辑文件,页面结构文件的配置部分有注释)~配置部分比较简单,所以只列出以下几点,个人配置附上方式:为了方便开发者减少配置项,我们规定描述页面的四个文件必须与文件名路径相同。每添加一个页面,都必须在全局app.json文件的pages参数下添加相应的路径配置!如果有菜单项,则必须将它们限制在2-5个以内!如果配置了菜单,小程序的初始页面必须配置为菜单列表之一,否则无法显示菜单!!逻辑层函数出现位置及取值说明App()app.js1.小程序生命周期函数
2.自定义函数
3.数据1.其中自定义函数和数据是全局的
2.本文件通过this调用自定义函数和数据,其他文件需要getApp()或者实例后调用Page()。1.初始数据
2.页面生命周期函数
3.自定义函数
4.数据1.Page.prototype.route可以获取当前路由路径
2.page.prototype.setData()可以更改数据,对应视图层,
/>直接修改this.data不会更新页面,单次设置数据不能超过1024kb。模块化1.module.exports(推荐)2.exports1。该文件有一个单独的范围
2。可以提取公共代码module.exports或exports暴露接口
3.不支持绝对路径和node_modules路由小程序中所有页面的路由由框架管理。自己看文档API自己看文档有兴趣的可以去了解一下【前后台的定义】和【销毁小程序的时机】老规矩,剩下的列出需要的点注意:app()必须在app.js中,不能注册多个。不要在App()中定义的函数中调用getApp(),使用this获取app实例。不要在onLaunch期间调用getCurrentPages(),此时页面尚未生成。>通过getApp()获取实例后,不要私自调用生命周期函数。WXML语法注意事项eg{{}}1.用于数据对象下存在字段的位置
2.支持简单的计算和组合1.关键字(需要在双引号内)
2。如果花括号和引号之间有空格,最终会解析成字符串1。
2.
wx:elif
wx:else
wx:ifvshidden1。条件渲染
2.wx:if切换成本较高,hidden初始渲染消耗较高1.
2、name属性定义模板名称
3、is属性声明需要的模板,需要传入数据
4、模板有自己的作用域,只能使用data传入数据import和include1.import引用当前文件定义的模板
2.include可以导入目标文件除以外的全部代码,相当于复制到include位置1.import有作用域的概念,即只会导入目标文件中定义的模板,不会导入目标文件importtemplate。事件1.touchstart,touchmove,touchcancel,touchend,taplongtap
2.除非另有说明,当组件触发事件时,逻辑层绑定到该事件的处理函数将接收一个事件对象。(说白了就是绑定事件的js位置会带一个对象,里面包含很多属性)bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡.bindtap
catchtouchstartWXSS及组件持续更新中...如果觉得还不错,点个赞吧~
