微信小程序生命周期分类
- 应用生命周期
- 页面生命周期
- 组件生命周期
应用生命周期
小程序被使用和关闭就代表这个周期的开始与结束,它是入口文件(根目录下的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方法。