微信小程序生命周期

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~

1 app.js生命周期

说到生命周期,无非就是创建、更新、销毁等阶段,类似于VueReact

下面是我在微信小程序开发者工具输入App()自动补全的信息,关于这些钩子函数的解释都自动注释了,十分方便

App({

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

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

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

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

2 页面Page生命周期

下面我们来看看页面的生命周期,同样的,写上Page()可以自动生成以下代码,其中钩子函数的解释也是直接注释好的

Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },

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

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

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})

3 官网中关于App.js生命周期

生命周期回调函数写的很详细,推荐直接看官方文档

4 官网中页面生命周期

[图片上传失败...(image-aada22-1549985078260)]

5 参考文章

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小程序生命周期 运行机制 小程序什么时候会被销毁 当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后...
    皮皮坤666阅读 18,450评论 8 33
  • 小程序的生命周期分为 app.js 管理的生命周期、每个page的生命周期。 app.js 管理的生命周期 App...
    Karaio阅读 1,288评论 0 1
  • 跟APP一样,微信小程序也有自己的生命周期,了解微信小程序的生命周期对于小程序开发者来说非常重要,关系到什么时候加...
    JairusTse阅读 2,578评论 0 5
  • 近年来的框架都很喜欢使用生命周期这个概念。生命周期就是按照一定的顺序执行代码。其他框架的生命周期可能理解有点麻烦,...
    风之旅途阅读 365评论 0 0
  • 这是我比较喜欢的歌词 谁赋情梅成一阕 章台路 凤凰舞绝 秦楼箫声隔城阙 西宫冷 玉阶 远目青山叠 青山外几许愁未歇...
    一只可爱的布袋鼠啊阅读 454评论 0 0