小程序页面生命周期

在小程序使用page()代表页面, 使用app()代表小程序

在page()的括号中加入一个json, 其有中很多键值{a:1, b:2, ...}

可用如下的键来填充a,b, ...的位置

onLoad : 页面加载

onReady : 页面初次渲染完成

onShow : 页面显示

onHide: 页面隐藏

onUnload : 页面卸载

onPullDownRefresh : 监听下拉

onReachBottom : 触底

一个页面从访问开始加载到卸载可经过这几个 事件

对页面做相关的操作, 它会触发相应事件

根据事件的不同, 有些是反复执行, 有些只执行一次

对于onPullDownRefresh事件需要在相应的.json文件中开启("enablePullDownRefresh" : true) 

Page({
  data: {
    logs: []
  },

  /* 监听页面相应事件 */

  // 页面加载
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(log => {
        return util.formatTime(new Date(log));
      })
    });
    console.log("this pag excute: 页面加载.");
  }, 

  // 页面初次渲染完成
  onReady : function () {
    console.log("this pag excute: 页面初次渲染完成.");
  }, 

  // 页面显示
  onShow: function () {
    console.log("this pag excute: 页面显示.");
    console.log(app.globalData.userInfo);
  },

  // 页面隐藏
  onHide: function () {
    console.log("this pag excute: 页面隐藏.");
  },

  // 页面卸载
  onUnload: function () {
    console.log("this pag excute: 页面卸载.");
  },

  // 监听下拉
  onPullDownRefresh: function () {
    console.log("this pag excute: 监听下拉.");
  },

  // 触底
  onReachBottom: function () {
    console.log("this pag excute: 触底.");
  },
})