什么是生命周期?通俗来说比如像是一个人的生老病死,换成微信小程序的角度来看就是创建、开始、暂停、唤起、停止、销毁的一个过程。
1、应用生命周期
- 当用户首次打开小程序,触发 onLaunch() 这个全局中只触发一次
- onShow() 监听小程序显示 当小程序启动,或者从后台进入前台显示,都会触发 onShow
- onHide () 监听小程序隐藏 当小程序从前台进入后台,会触发 onHide
App({
onLaunch: function (options) {
console.log("触发 onLaunch()");
},
onShow:function(options){
console.log("触发 onShow()");
},
onHide:function(){
console.log("触发 onHide()");
}
// 打印顺序
// 触发 onLaunch()
// 触发 onShow()
})
需要注意的是首次进入小程序或从后台切换到前台都会触发onShow(),onLaunch()及onShow()方法会返回一个参数对象, 其中包含了三个参数 , path,query和scene ,path是打开小程序的路径,query是打开小程序页面url的参数,scene是打开小程序的场景值。
场景值参考官网:场景值地址
2、页面生命周期
- onLoad() 页面创建时执行
- onShow() 页面出现在前台时执行
- onReady() 页面首次渲染完毕时执行
- onHide() 页面从前台变为后台时执行
- onUnload() 页面销毁时执行
- onPullDownRefresh() 触发下拉刷新时执行
- onReachBottom() 页面触底时执行
- onShareAppMessage() 页面被用户分享时执行
- onPageScroll() 页面滚动时执行
- onResize() 页面尺寸变化时执行
当小程序初始化完成后,页面首次加载触发onLoad,当然这个方法只会触发一次。如果后台进入到前台,先执行应用onShow方法然后再执行页面onShow方法。我们切换到后台,先执行页面onHide方法再执行应用onHide方法。
其他的一些方法我们在日常的开发中也会使用到,多看微信官方文档进行一些总结,即使不常用我们在有一些需求时也能第一时间联想到,提高开发效率!