正文

微信小程序从出生到长大，都有哪些必知生命周期？

/0 浏览量
0409

微信小程序的生命周期，就像是它的成长轨迹，从出生到长大，每个阶段都有其独特的特点和任务。下面，我们就来详细了解一下微信小程序的生命周期中那些必知的关键节点。

1. 创建阶段

在微信小程序的创建阶段，主要涉及到以下几个生命周期函数：

  • onLaunch: 当小程序初始化完成时触发，全局只触发一次。
  App({
    onLaunch: function() {
      console.log('小程序启动')
    }
  })
  • onShow: 当小程序启动或从后台进入前台显示时触发。
  App({
    onShow: function() {
      console.log('小程序显示')
    }
  })
  • onHide: 当小程序从前台进入后台时触发。
  App({
    onHide: function() {
      console.log('小程序隐藏')
    }
  })
  • onUnload: 当小程序从后台进入后台时触发。
  App({
    onUnload: function() {
      console.log('小程序卸载')
    }
  })

2. 页面生命周期

页面生命周期是微信小程序生命周期的另一个重要部分，主要包括以下几个阶段：

  • onLoad: 页面加载时触发，参数为页面路径中的参数。
  Page({
    onLoad: function(options) {
      console.log('页面加载', options)
    }
  })
  • onShow: 页面显示时触发。
  Page({
    onShow: function() {
      console.log('页面显示')
    }
  })
  • onHide: 页面隐藏时触发。
  Page({
    onHide: function() {
      console.log('页面隐藏')
    }
  })
  • onUnload: 页面卸载时触发。
  Page({
    onUnload: function() {
      console.log('页面卸载')
    }
  })
  • onPullDownRefresh: 页面下拉刷新时触发。
  Page({
    onPullDownRefresh: function() {
      console.log('页面下拉刷新')
    }
  })
  • onReachBottom: 页面上拉触底事件的处理函数。
  Page({
    onReachBottom: function() {
      console.log('页面触底')
    }
  })
  • onShareAppMessage: 用户点击右上角分享时触发。
  Page({
    onShareAppMessage: function() {
      return {
        title: '分享标题',
        desc: '分享描述',
        path: '/page/index/index'
      }
    }
  })

3. 生命周期总结

微信小程序的生命周期，就像是一个人从出生到成长的过程。通过了解这些生命周期函数，我们可以更好地掌控小程序的运行状态，为用户提供更好的体验。

希望这篇文章能帮助你更好地理解微信小程序的生命周期。如果你还有其他问题，欢迎继续提问。

-- 展开阅读全文 --