特意研究了一下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
网友评论