序:
小程序生命周期分类:1:小程序生命周期 2:小程序页面生命周期
下面从这四个方面讲解
1:小程序的生命周期。
2:小程序页面的生命周期。
3:小程序的生命周期对小程序页面生命周期的影响。
4:路由变化对小程序页面生命周期的影响。
1:小程序的生命周期。
官方介绍:https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html
1:onLaunch ---------触发条件:小程序初始化完成时,会触发 onLaunch(全局只触发一次)
用户首次打开小程序,触发 onLaunch(全局只触发一次)
2:onShow -----------触发条件:1:小程序初始化完成后,:2::监听小程序显示(后台进前台)
3:onHide -------------触发条件:小程序前台进入后台
2:小程序页面的生命周期。
官方介绍https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
1:onload------触发条件:1:加载页面(页面data由逻辑层传至渲染层)
2:onshow------触发条件:1:页面展示(eg:1:页面展示2:后台进前台)
3:onready-----触发条件:1:首次渲染完成,渲染页面元素和样式,一个页面只会调用一次。
a、一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
b、对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期
4:onHide------触发条件:1::页面隐藏(eg:)
1:1.1前台到后台2:1.2前台到其他页面
2:当navigateTo或底部tab切换时调用。
5:onUnload---触发条件:页面卸载(redirectTo或navigateBack)
3:小程序的生命周期对小程序页面生命周期的影响。
1、小程序初始化完成后,页面首次加载触发onLoad,只会触发一次。
2、当小程序进入到后台,先执行页面onHide方法再执行应用onHide方法。
3、当小程序从后台进入到前台,先执行应用onShow方法再执行页面onShow方法。
四、路由变化对页面生命周期的影响
1、在小程序中所有页面的路由全部由框架进行管理,框架以栈的形式维护当前的所有页面,当发生路由切换的时候,页面栈的表现如下:
2、对于路由的触发方式以及页面生命周期函数如
下:
3、Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,C 是从 A 页面打开的页面,D 页面是从 C 页面打开的页面为例):