微信小程序 — 小程序生命周期及页面生命周期--深深理解

序:

小程序生命周期分类: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 页面打开的页面为例):

参考:https://www.jianshu.com/p/ee7c11d691c1

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容