首页 > 编程知识 正文

微信小程序 生命周期,微信小程序的生命周期函数有哪些

时间:2023-05-05 10:39:44 阅读:274793 作者:3319

微信小程序生命周期分类 应用生命周期页面生命周期组件生命周期 应用生命周期

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。