關於小程式事件載入次序
阿新 • • 發佈:2020-08-24
1.小程式(特指微信小程式)頁面展開會載入以下的事件:onLoad,onReady,onShow,onHide,onUnload等事件;
(1)onLoad:生命週期函式--監聽頁面載入,即初始化頁面時會執行此函式,
(2)onReady:生命週期函式--監聽頁面初次渲染完成,即載入完成後會進行執行,
(3)onShow:生命週期函式--監聽頁面顯示,每次顯示會載入
(4)onHide:生命週期函式--監聽頁面隱藏,事件的監聽,執行跳轉等會觸發事件,
(5)onUnload:生命週期函式--監聽頁面解除安裝,即頁面的銷燬,
注:在wx.navigateTo不會觸發事件5,
綜上:從頁面的建立以及銷燬,可以排序為:1,3,4,2,4,5
/** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { console.log(11111); }, /** * 生命週期函式--監聽頁面初次渲染完成 */ onReady: function () { console.log(2222); }, /** * 生命週期函式--監聽頁面顯示 */ onShow: function (options) { console.log(3333); }, /** * 生命週期函式--監聽頁面隱藏 */ onHide: function () { console.log(44444); }, /** * 生命週期函式--監聽頁面解除安裝 */ onUnload: function () { console.log(5555); },
結果如下
2.在函式中
onLaunch:會先於onload執行,但是其結果由於非同步會後於onload.