天天看点

微信小程序-生命周期

十年河东,十年河西,莫欺少年穷

学无止境,精益求精

请参考优秀博客:https://www.cnblogs.com/nosqlcoco/p/wxsmallcycle.html

黑马博客园视频:https://www.bilibili.com/video/BV1nE41117BQ?p=43

黑马博客园视频:https://www.bilibili.com/video/BV1nE41117BQ?p=44

微信小程序-生命周期
我的应用程序声明周期相关代码及注释如下:
微信小程序-生命周期

// app.js
App({
  onLaunch() {
    //当应用程序第一次加载时,获取用户信息 等作用
    console.log("onLauncsh");
  },
  onShow(){
    //当应用程序被看到时,触发,在 onLaunch 之后执行  用于:重新加载应用程序数据等
    console.log("onShow");
  },
  onHide(){
    //当应用程序隐藏时,触发,用于 清除或暂停 一些占用资源的定时器,或 其他数据
    console.log("onHide");
  },
  onError(err){
    //当应用程序报错时,触发 --用于收集开发者的代码错误信息,并通过异步的方式请求后台接口,存储这些数据,供小程序下个版本的优化及迭代
    console.log("onError");
    console.log(err);
  },
  onPageNotFound(){
    //找不到入口页面会报错--这里的重点是App.json 中配置的入口页面
    console.log("onPageNotFound");
  },
  globalData: {
    userInfo: null
  }
})      

我的页面声明周期代码如下:

微信小程序-生命周期
// pages/demo18/demo18.js
Page({

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

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
       //第一步执行,用于异步请求 初始化数据
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
       //第二步执行,页面展示时
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
       //第三步执行 ,页面渲染完成后执行
  },


  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
      // 例如 页面跳转时执行 
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
      //关闭页面时执行 例如 跳转标签 navigator open-type 等于  redirect 时  redirect 相当于 关闭页面
  },

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

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

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

 @天才卧龙的博客

付婷,你还那么胖吗?如果胖,就减肥肥吧。