生命周期
1.小程序注册完成后，加载页面，触发onLoad方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）
2.页面载入后触发onShow方法，显示页面。
3.首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。
4.当小程序后台运行或跳转到其他页面时，触发onHide方法。
5.当小程序从后台进入到前台运行或重新进入页面时，触发onShow方法。（切记，onShow和onLoad的区别，onShow是每当进入这个页面时就会触发，而onload是载入进来时才触发）
6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload
7. 当从非tabbar页面切换到tabbar页面时，会被销毁
8. onLaunch只有App.js才有
1 Page({ 2
3 /** 4 * 页面的初始数据 5 */
6 data: { 7
8 }, 9
10 /** 11 * 生命周期函数--监听页面加载 12 */
13 onLoad: function (options) { 14 console.log('加载... - Index2'); 15 }, 16
17 /** 18 * 生命周期函数--监听页面初次渲染完成 19 */
20 onReady: function () { 21 console.log('首次渲染完成... - Index2'); 22 }, 23
24 /** 25 * 生命周期函数--监听页面显示 26 */
27 onShow: function () { 28 console.log('页面显示.. - Index2'); 29 }, 30
31 /** 32 * 生命周期函数--监听页面隐藏 33 */
34 onHide: function () { 35 console.log('页面隐藏.. - Index2'); 36 }, 37
38 /** 39 * 生命周期函数--监听页面卸载 40 */
41 onUnload: function () { 42 console.log('页面卸载... - Index2'); 43 }, 44
45 /** 46 * 页面相关事件处理函数--监听用户下拉动作 47 */
48 onPullDownRefresh: function () { 49
50 }, 51
52 /** 53 * 页面上拉触底事件的处理函数 54 */
55 onReachBottom: function () { 56
57 }, 58
59 /** 60 * 用户点击右上角分享 61 */
62 onShareAppMessage: function () { 63
64 } 65 })
详细的官方API，点击查看
示例源码：点击下载