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




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