微信小程序 —— 生命周期

小程序的生命周期，写在对象中。

全局 ==> 放在 app.js 中的 App({})中；单个页面 ==> 放在对应 js 文件中的 Page({})。

⚠️注意：App({})必须在全局的app.js中调用，必须调用且只能调用一次。

App中生命周期

• onLaunch  —— 小程序初始化时触发，只触发一次（重新加载即触发）
• onShow —— 页面显示时触发（小程序从后台切到前台也触发）
• onHide —— 页面隐藏时触发（小程序切到后台也触发）
• onError —— 小程序发生错误时触发（脚本错误、API调用错误）
• onPageNotfound —— 打开页面不存在时触发
• onUnhandledRejection —— 小程序有未处理的Promise拒绝时触发
• onThemeChange —— 系统切换主题时触发

App({
  onLaunch (options) {
    // Do something initial when launch.
  },
  onShow (options) {
    // Do something when show.
  },
  onHide () {
    // Do something when hide.
  },
  onError (msg) {
    console.log(msg)
  },
  onPageNotFound () {
    // Do something when show.
  },
  onUnhandleRejection () {
    // Do something when show.
  },
  onThemeChange () {
    // Do something when show.
  },
  globalData: 'I am global data'
})

Page生命周期

• onLoad —— 页面加载
• onShow —— 页面显示
• onReady —— 监听页面初次渲染完成
• onHide —— 页面隐藏
• onUnload —— 页面卸载
• onRouteDone —— 监听路由动画完成
• onPullDownRefresh —— 用户下拉操作
• onReachBotton —— 页面上拉触底
• onShareAppMessage —— 点击右上角转发
• onShareTimeline —— 点击右上角转发到朋友圈
• onAddToFavorites —— 用户点击右上角收藏
• onPageScroll —— 页面滚动
• onResize —— 页面尺寸改变
• onTabItemTap —— 当前是 tab 页面，点击 tab 时触发
• onSaveExitState —— 页面销毁前保留状态回调

        除了这些生命周期以外，开发者可以添加任意函数在 Page({}) 中，处理页面的点击和数据加载等事件。

页面的显示隐藏

        通过底部导航切换，页面实现显示和隐藏，触发 onShow 和 onHide 两个生命周期。

        同时微信小程序的页面跳转有页面栈的概念，详情学习可以参考下面链接：微信小程序页面栈详解_慕课手记