小程序生命周期

应用生命周期

小程序的入口文件App.js（也叫全局入口文件），它的最外层方法名称是：App({ })。页面的js文件，最外层是Page({ })。组件的js文件最外层是Component({ })。

属性	类型	默认值	必填	说明
onLaunch	function		否	监听⼩程序初始化。
onShow	function		否	监听⼩程序启动或切前台。
onHide	function		否	监听⼩程序切后台。
onError	function		否	错误监听函数。
onPageNotFound	function		否	⻚⾯不存在监听函数。

常用函数的用法：

// app.js
App({
  // 应用被用户看到
  onShow(){
    //2 对应用数据或者页面效果重置
    console.log("426354632354");
  },
  //1 应用第一次启动就会触发的事件
  onLaunch(){
    // 在应用第一次启动时 获取用户的个人信息
    console.log("ahdsadj");
  },
  //3 应用被隐藏时触发
  onHide(){
    // 暂定或清除定时器
    console.log("隐藏时触发");
  },
  //4 应用的代码发生了报错的时候就会触发
  onError(err){
    // 在应用发生代码报错的时候，收集用户的错误信息，通过异步请求，将错误的信息发送后台去
    console.log("出错了。")
    console.log(err);
  },
  //5 页面找不到就会触发
  // 应用第一次启动的时候，如果找不到第一个入口页面才会触发
  onPageNotFound(){
    // 若页面不存在 通过js的方式来重新跳转页面 调到第二个首页。跳转是不能跳到tabbar页面与导航组件类似
    wx.navigateTo({
      url: '/pages/text/text',
    });
    console.log("页面找不到");
  }  
})

页面生命周期

属性	类型	说明
data	Object	⻚⾯的初始数据
onLoad	function	⽣命周期回调—监听⻚⾯加载
onShow	function
onReady	function	⽣命周期回调—监听⻚⾯初次渲染完成
onHide	function	⽣命周期回调—监听⻚⾯隐藏
onUnload	function	⽣命周期回调—监听⻚⾯卸载
onPullDownRefresh	function
onReachBottom	function	⻚⾯上拉触底事件的处理函数
onShareAppMessage	function	⽤⼾点击右上⻆转发
onPageScroll	function	⻚⾯滚动触发事件的处理函数
onResize	function
onTabltemTap	function	当前是 tab ⻚时，点击 tab 时触发

一个新建的文件，在.js中都有这几个常用的函数

// pages/text/text.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
  },

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

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

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

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

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

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

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

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

页面生命周期示图：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html