Page頁面生命週期——微信小程序

特意研究了一下JS生命週期
在demo的index.js中寫入以下代碼


onLoad:function (options) {    //頁面初始化
    console.log('index Load')
},
onShow:function () {    //頁面顯示
    console.log('index Show')
},
onReady:function () {    //頁面渲染完成
    console.log('index Ready')
},
onHide:function () {    //頁面隱藏
    console.log('index Hide')
},
onUnload:function () {    //頁面關閉
    console.log('index Unload')
}
  • 在Console下輸出如下:

1240

WechatIMG3.jpeg

結論:

小程序的頁面生存週期是:

AppLaunch --> AppShow --> indexLoad --> indexShow --> indexReady

程序啓動首先加載app.js,然後再進入各個頁面進行加載顯示。

最後引用官方對於生命週期函數的圖例:

mina-lifecycle.png?t=1474644090505




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章