微信小程序生命周期

微信小程序 生命周期

通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。

下面从一下三个方面介绍微信小程序的生命周期：

1. 应用生命周期
2. 页面生命周期
3. 应用生命周期影响页面生命周期

4.  app.js
     onLaunch: function () {
       console.log("app onLaunch");
     },
     onShow: function() {
       console.log("app onShow");
     },
     onHide: function() {
       console.log("app onHide");
     },
     onError: function() {
       console.log("app onError");
     },
   
   page.js
   /**
      * 生命周期函数--监听页面加载
      */
     onLoad: function (options) {
       console.log('page onLoad');
     },
   
     /**
      * 生命周期函数--监听页面初次渲染完成
      */
     onReady: function () {
       console.log('page onReady');
     },
   
     /**
      * 生命周期函数--监听页面显示
      */
     onShow: function () {
       console.log('page onShow');
     },
   
     /**
      * 生命周期函数--监听页面隐藏
      */
     onHide: function () {
       console.log('page onHide');
     },
   
     /**
      * 生命周期函数--监听页面卸载
      */
     onUnload: function () {
       console.log('page onUnload');
   
     },
   
     redirect: function() {
       wx.navigateTo({
         url: '../index/index',
       })
     },
   
     /**
      * 页面相关事件处理函数--监听用户下拉动作
      */
     onPullDownRefresh: function () {
   
     },
   
     /**
      * 页面上拉触底事件的处理函数
      */
     onReachBottom: function () {
   
     },
   
     /**
      * 用户点击右上角分享
      */
     onShareAppMessage: function () {
   
     }

5. 

》》》应用生命周期

1. 用户首次打开小程序，触发 onLaunch（全局只触发一次）。
2. 小程序初始化完成后，触发onShow方法，监听小程序显示。
3. 小程序从前台进入后台，触发 onHide方法。
4. 小程序从后台进入前台显示，触发 onShow方法。
5. 小程序后台运行一定时间，或系统资源占用过高，会被销毁。
6. 

   页面元素加载完成之后，会执行onload

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。

在整理本文资料的时候，有点不解，为什么不把小程序监听『销毁』方法开放给开发者，我猜测是因为IOS系统限制『按下Home键时，app从活动状态转入后台，会被挂起』；微信也不例外，只要运行一段时间或把微信客户端进程杀掉，就无法通知小程序应用被销毁。

》》》页面生命周期

1. 小程序注册完成后，加载页面，触发onLoad方法。
2. 页面载入后触发onShow方法，显示页面。
3. 首次显示页面，会触发onReady方法，渲染页面元素和样式。只执行一次
4. 当小程序后台运行或跳转到其他页面时，触发onHide方法。
5. 当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。
6. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

》》》应用生命周期影响页面生命周期

1. 小程序初始化完成后，页面首次加载触发onLoad，只会触发一次。
2. 当小程序进入到后台，先执行页面onHide方法再执行应用onHide方法。
3. 当小程序从后台进入到前台，先执行应用onShow方法再执行页面onShow方法。

下图是小程序从注册到页面加入，前后台切换流程。