小程序系列1-小程序和页面的生命周期

小程序系列1-小程序和页面的生命周期

方便自己学习和记录，如果错误，欢迎指正。

小程序页面生命周期
小程序的生命周期

---

一、小程序页面生命周期

配置在每个页面js里

执行顺序：
onLoad():页面开始加载
onShow(): 页面开始展示或者页面从后台进入前台
onReady() 页面渲染完成
onHide() 页面进入隐藏 比如页面跳转了，当前页面没有关闭或者页面从前台进入后台
onUnload() 页面被关闭了

如果页面没有关闭，比如页面跳转执行onHide()又会返回时执行onShow()
onLoad() onReady() onUnload()只执行一次

Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:['1','2','3' ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('onLoad 页面加载')
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log('onReady 页面渲染完成')
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('onShow 页面显示或者页面从后台到前台')
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log('onHide 页面隐藏或者页面到后台')
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log('onUnload 页面关闭')
  },
)}

二、小程序的生命周期

1.小程序的启动

小程序的启动分为热启动和冷启动
冷启动就是第一次启动，或者小程序已经销毁了重新打开。
热启动就是小程序打开后，如果手机屏幕锁屏或者手机界面打开了别的软件，小程序进入后台，再次打开小程序，就是热启动

小程序进入后台后5s会被挂起，30分钟后依旧没有再次打开小程序小程序会自动销毁。
小程序占用手机内存过高，也会被手机或者微信客户端自动收回。

2、生命周期

配置在app.js中。
执行顺序是:
 onLaunch()  小程序初始化完成
 onShow()  小程序启动或者从后台进入前台
 onHide()  小程序重前台进入后天

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    console.log('onLaunch 小程序初始化')
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    console.log('onShow 小程序启动或者后台进前台')
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    console.log('onHide小程序从前台进入后台')
    
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

---