本文共 1496 字，大约阅读时间需要 4 分钟。

1. app.json中的pages用来设置小程序包含哪些页面以及页面的路径、window用来设置默认页面的窗口表现形式、tabBar用来设置小程序底部tab的表现

2. app.js中的App()函数用来注册一个小程序，接受的对象参数用来指定小程序的生命周期函数等，注意App()必须在app.js中进行注册且不能注册多个

3. 全局的getApp()函数用来获取小程序实例

4. 页面初始化数据时会将Page函数内的JSON格式的data数据渲染到页面中，在页面中通过双花括号来标识

5. 每个页面的生命周期函数(onLoad/onShow/onHide/onUnload等)和每个页面的事件处理函数(onPullDownRefresh/onReachBottom/onPageScroll/onShareAppMessage)不同

6. 组件的事件处理函数可以在渲染层的组件中进行事件绑定，就会执行Page中定义的事件处理函数

7. this.setData()接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value，其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义

8. 在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置

9. 我们可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口

10. 数据绑定

11. 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item。使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名。

12. 模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板：使用name属性，作为模板的名字。然后在内定义代码片段，使用模板：使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入

13. 事件

13.1 在组件中绑定一个事件处理函数，如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数

在相应的Page定义中写上相应的事件处理函数，参数是event

13.2 事件分为冒泡事件和非冒泡事件

WXML的冒泡事件列表

事件绑定的写法同组件的属性，以 key、value 的形式。(1)key 以bind或catch开头，然后跟上事件的类型，如bindtap, catchtouchstart。(2)value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。(3)bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡

13.3 如无特殊说明，当组件触发事件时，逻辑层绑定该事件的处理函数会收到一个事件对象

这里target和currentTarget都会包含id(事件源组件的id)、tagName(当前组件的类型)和dataset(事件源组件上由data-开头的自定义属性组成的集合)属性