微信小程序生命周期总结

微信小程序生命周期分类

1. 应用生命周期
2. 页面生命周期
3. 组件生命周期

应用生命周期

小程序被使用和关闭就代表这个周期的开始与结束，它是入口文件（根目录下的app.js/app.vue/app.jsx）所使用的的。

(1)onLaunch：初始化小程序时触发，全局只触发一次。
官方说明：生命周期回调——监听小程序初始化。
(2)onShow：小程序初始化完成或用户从后台切换到前台时触发
官方说明：生命周期回调——监听小程序启动或切前台。
(3)onHide：用户从前台切换到后台时触发
官方解释：生命周期回调——监听小程序切后台。
(4)onError：小程序发生脚本错误时，或者API调用失败时，会触发onError并带上错误信息。
官方解释：错误监听函数

页面生命周期

从结构上看微信所有的页面都是存放在pages文件夹，页面代码中指定了初始数据，生命周期回调、事件处理函数等等。

1.onLoad：首次进入页面加载时触发，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
2.onShow：加载完成后、后台切到前台或重新进入页面时触发
3.onReady：页面首次渲染完成时触发
4.onHide：从前台切到后台或进入其他页面触发
5.onUnload：页面卸载时触发
6.onPullDownRefresh：监听用户下拉动作(可以用来做下拉刷新功能)
7.onReachBottom：页面上拉触底事件的处理函数（用来做下拉加载更多功能）
8.onShareAppMessage：用户点击右上角转发
9.onPageScroll：页面滚动触发事件的处理函数
10.onResize：页面尺寸发生改变时触发。
11.onTabItemTap：当前是tab页时，点击tab时触发。

应用及页面生命周期的触发顺序

使用consol.log验证它们的触发顺序

1.首次进入小程序首先触发应用生命周期中onlaunch和onshow方法，其次触发页面生命周期中onLoad、onShow和onReady方法。

2.前台切换到后台时，先触发页面生命周期中onHide方法，再触发应用生命周期的onHide方法。

3.后台切换到前台时，先触发应用生命周期中onShow方法，再触发页面生命周期的onShow方法。