微信小程序生命周期分类:
应用生命周期
页面生命周期
一、应用生命周期
App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。
onLaunch
生命周期函数--监听小程序初始化
当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
onShow
生命周期函数--监听小程序显示
当小程序启动,或从后台进入前台显示,会触发 onShow
onHide
生命周期函数--监听小程序隐藏
当小程序从前台进入后台,会触发 onHide
前台和后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。
用户首次打开小程序,触发 onLaunch(全局只触发一次)。
小程序初始化完成后,触发onShow方法,监听小程序显示。
小程序从前台进入后台,触发 onHide方法。
小程序从后台进入前台显示,触发 onShow方法。
App({
onLaunch: function() {
console.log("onlaunch")
},
onShow: function() {
console.log("onshow")
},
onHide: function() {
console.log("onhide")
},
onError: function(msg) {
console.log("onerror")
}
})
二、页面生命周期
Page()函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。
onLoad
监听页面加载
onReady
监听页面初次渲染完成
onShow
监听页面显示
onHide
监听页面隐藏
onUnload
监听页面卸载
注:
onLoad: 页面加载。
一个页面只会调用一次。
参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。* onShow: 页面显示
每次打开页面都会调用一次。
onReady: 页面初次渲染完成
一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。onHide: 页面隐藏
当navigateTo或底部tab切换时调用。* onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。
Page({
data: {
msg: "小程序"
},
onLoad: function(options) {
},
onReady: function() {
},
onShow: function() {
},
onHide: function() {
},
onUnload: function() {
},
onPullDownRefresh: function() {
},
onReachBottom: function() {
},
onShareAppMessage: function () {
}
})
如果感觉有帮助留下一个宝贵的赞或者给小编一个赞赏!!!