美文网首页
微信小程序生命周期

微信小程序生命周期

作者: 这里王工头 | 来源:发表于2019-02-12 23:24 被阅读0次

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

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 参考文章

相关文章

  • 微信小程序开发 | 把玩系列:各种组件和API实用详解

    新手向!微信小程序把玩系列: 微信小程序把玩《一》:window配置,tabBar底部导航,应用生命周期 微信小程...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 微信小程序生命周期

    跟APP一样,微信小程序也有自己的生命周期,了解微信小程序的生命周期对于小程序开发者来说非常重要,关系到什么时候加...

  • 微信小程序之生命周期(四)

    微信小程序生命周期分类: 应用生命周期 页面生命周期 一、应用生命周期 App() 函数用来注册一个小程序。接受一...

  • uni-app 微信小程序学习笔记

    微信小程序的生命周期函数 应用的生命周期。onLaunchonShowonHideonError 页面的生命周期o...

  • 前端知识体系6.小程序

    本文目录 1.说下小程序框架的主要文件和目录的作用 2.微信小程序组件的生命周期 3.简单描述下微信小程序页面文件...

  • React生命周期

    什么是生命周期? 在开发微信小程序中,常见的生命周期方法有onLaunch,onLoad,onShow等。生命周期...

  • 小程序教学九(生命周期)

    微信为我们监听小程序和各个页面的状态提供了系统函数让我们知道各个状态,进而进行操作。 小程序的生命周期函数 微信小...

  • 微信小程序模块化开发实践

    微信小程序模块化开发实践 公众号 前栈笔记 关联阅读正版小程序开发之一:语言,生命周期与数据渲染 准备 了解微信小...

  • Vue-day2

    生命周期函数(与微信小程序的生命周期相似) beforeCreate:在创建之前执行 生命周期中的this指向Vu...

网友评论

      本文标题:微信小程序生命周期

      本文链接:https://www.haomeiwen.com/subject/aeileqtx.html