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下输出如下：

WechatIMG3.jpeg

结论：

小程序的页面生存周期是：

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

程序启动首先加载app.js，然后再进入各个页面进行加载显示。

最后引用官方对于生命周期函数的图例：

image