微信小程序的生命周期函数

一、小程序中,生命周期主要分成了三部分:

        1、应用的生命周期

                小程序的生命周期函数是在app.js里面调用的,通过App(Object)函数用来注册一 个  小程序,指定其小程序的生命周期回调。

        ·onLaunch                             小程序初始化完成时触发,全局只触发一次。

        ·onShow                                小程序启动 或者后台进入前台时触发

        ·onHide                                  小程序从前台进入后台时触发

        ·onHide                                  小程序从前台进入后台时触发。

        ·onError                                 小程序脚本错误或API调用报错时触发

        ·onPageNotFound                 小程序要打开的页面不存在

        ·onUnhandledRejection         小程序有未处理的 Promise 拒绝时触发

        ·onThemeChange                  系统切换组主题时触发

        2、页面的生命周期

                页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数

        onLoad         监听页面加载

        onShow        监听页面显示

        onReady       监听页面初始化

        onHide          监听页面隐藏

        onUnload      监听页面卸载

        3、组件的生命周期        

                组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发

        created             监听页面加载

        attached           监听页面显示

        ready                监听页面初次渲染完成

        moved              监听页面隐藏

        detached          监听页面卸载

        error                 当组件方法抛出错误时执行

二、生命周期函数执行顺序

小程序注册完成后,加载页面,触发onLoad方法

页面载⼊后触发onShow方法,显示页面

首次显示页面,会触发onReady方法,渲染页面元素和样式,⼀个页面只会调用⼀次

当⼩程序后台运⾏或跳转到其他页面时,触发onHide方法

使用wx.navigateBack()方法关闭当前页返回上⼀页,触发onUnload

注意:

当存在也应用生命周期和页面周期的时候,相关的执行顺序如下:

打开小程序:(App)onLaunch --> (App)onShow --> (Pages)onLoad --> (Pages)onShow --> (pages)onRead

进入下一个页面:(Pages)onHide --> (Next)onLoad --> (Next)onShow --> (Next)onReady

返回上一个页面:(curr)onUnload --> (pre)onShow

离开小程序:(App)onHide

再次进入:小程序未销毁 --> (App)onShow(执行上面的顺序),小程序被销毁,(App)onLaunch重新开始执行。

看到这里的码友们 感谢支持!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值