美文网首页
程序与页面生命周期

程序与页面生命周期

作者: 九尾的日志 | 来源:发表于2018-08-24 00:07 被阅读0次
  • 程序生命周期中的钩子函数

App({

    /**
     * 程序的初始数据
     */
    data: {

    },

    /**
     * 生命周期函数--程序初始化
     */
    onLaunch: function(options) {

    },

    /**
     * 生命周期函数--程序界面显示
     */
    onShow: function(options) {

    },

    /**
     * 生命周期函数--程序界面隐藏
     */
    onHide: function() {
        
    },

    /**
     * 生命周期函数--运行时发生了错误
     */
    onError: function(msg) {
        
    },

    /**
     * 生命周期函数--跳转页面不存在404
     */
    onPageNotFound: function(res) {
       
    }
})

  • 页面也同样有不同的生命周期,开启下拉需在json文件中配置才可启用

Page({

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

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

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

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

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

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

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

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

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

相关文章

  • 小程序-生命周期

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

  • 9、生命周期

    一、程序生命周期 二、页面生命周期

  • CSS3动画卡顿性能优化解决方案

    最近在开发小程序,与vue类似,它们都有生命周期这回事。 onLoad 监听页面加载onReady 监听页面初次...

  • 微信小程序生命周期

    1.小程序的生命周期 2.页面的生命周期 3.组件的生命周期 4.组件所在页面的生命周期

  • wx小程序二

    一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 跳转到新页面 open-type值:

  • 微信小程序(二)

    一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 open-type值: js方式:

  • 微信小程序生命周期

    页面生命周期 从上图可以明显看出小程序页面的生命周期,依次的顺序是onLoad,onShow,onReady,()...

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

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

  • 生命周期

    小程序生命周期 小程序注册完成后,加载页面,触发onLoad方法。 页面载入后触发onShow方法,显示页面。 首...

  • 前端理论面试-小程序

    小程序生命周期 小程序生命周期分为应用、页面和组件三个部分 应用的生命周期App() 函数用来注册一个小程序。接受...

网友评论

      本文标题:程序与页面生命周期

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