生命周期
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，點擊查看
示例源碼：點擊下載