微信小程序生命周期

什么是生命周期?通俗来说比如像是一个人的生老病死,换成微信小程序的角度来看就是创建、开始、暂停、唤起、停止、销毁的一个过程。

1、应用生命周期

  1. 当用户首次打开小程序,触发 onLaunch() 这个全局中只触发一次
  2. onShow() 监听小程序显示 当小程序启动,或者从后台进入前台显示,都会触发 onShow
  3. onHide () 监听小程序隐藏 当小程序从前台进入后台,会触发 onHide
App({
  onLaunch: function (options) {
    console.log("触发 onLaunch()");
  },
  onShow:function(options){
    console.log("触发 onShow()");
  },
  onHide:function(){
    console.log("触发 onHide()");
  }
  // 打印顺序
  // 触发 onLaunch()
  // 触发 onShow()
})

需要注意的是首次进入小程序或从后台切换到前台都会触发onShow(),onLaunch()及onShow()方法会返回一个参数对象, 其中包含了三个参数 , path,query和scene ,path是打开小程序的路径,query是打开小程序页面url的参数,scene是打开小程序的场景值。

场景值参考官网:场景值地址

2、页面生命周期

  1. onLoad() 页面创建时执行
  2. onShow() 页面出现在前台时执行
  3. onReady() 页面首次渲染完毕时执行
  4. onHide() 页面从前台变为后台时执行
  5. onUnload() 页面销毁时执行
  6. onPullDownRefresh() 触发下拉刷新时执行
  7. onReachBottom() 页面触底时执行
  8. onShareAppMessage() 页面被用户分享时执行
  9. onPageScroll() 页面滚动时执行
  10. onResize() 页面尺寸变化时执行

当小程序初始化完成后,页面首次加载触发onLoad,当然这个方法只会触发一次。如果后台进入到前台,先执行应用onShow方法然后再执行页面onShow方法。我们切换到后台,先执行页面onHide方法再执行应用onHide方法。
其他的一些方法我们在日常的开发中也会使用到,多看微信官方文档进行一些总结,即使不常用我们在有一些需求时也能第一时间联想到,提高开发效率!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值