页面生命周期 如同人的成长需要分为出生、童年、青年、中年、老年一样,一个页面从创建到卸载,同样会经历以下5个周期:
加载onLoad
监听页面加载,一个页面只会调用一次
显示onShow
监听页面显示,每次打开页面都会调用
渲染onReady
监听页面初次渲染完成,一个页面只会调用一次,代表页面已经准备妥当,
可以和视图层进行交互
隐藏onHide
监听页面隐藏
卸载onUnload
监听页面卸载
此外还有3个小程序特定事件的处理函数:
onPullDownRefresh
监听用户下拉动作的事件处理函数
onReachBottom
页面上拉触事件的处理函数
onShareAppMessage
用户点击右上角分享
post.js
下的5个生命周期函数代码如下
Page({
data:{},
onLoad:function(options){ //页面初始化 options为页面跳转所带来的参数
console.log("onLoad:页面被加载");
},
onShow: function () { //页面显示
console.log("onShow:页面被显示");
},
onReady:function(){ //页面渲染完成
console.log("onReady:页面被渲染");
},
onHide:function(){ //页面隐藏
console.log("onHide:页面被隐藏");
},
oneUnload:function(){ //页面关闭
console.log("onUnload:页面被卸载");
}
})
onShow的执行时刻是在onReady之前
我们来看一下运行后【调试】-> 【Console】的输出