微信小程序学习——7.9【小程序生命周期】

小程序生命周期

9.1 应用生命周期

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

9.2 页面生命周期

// pages/search/search.js
Page({
  data: {
   iconSize: [20, 30, 40, 50, 60, 70]
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // onLoad发送异步请求来初始化页面数据
    console.log("onLoad"); 
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log('onReady');
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('onShow');
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log('onHide');
  },
  /**
   * 生命周期函数--监听页面卸载，也可以通过点击超链接来演示
   */
  onUnload: function () {
    console.log('onUnload');
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log("onPullDownRefresh");
    // 页面的数据或者效果重新刷新
  },
  /**
   * 页面上拉触底事件的处理函数，需要让页面出现上下滚动才行
   */
  onReachBottom: function () {
    // 上拉加载下一页数据
    console.log('onReachBottom');
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log('onShareAppMessage');
  },
  /**
  * 页面滚动就可以触发
  */
  onPageScroll(){
    console.log('onPageScroll');
  },
  /**
  * 页面的尺寸发生改变的时候触发
  * 小程序发生了横屏竖屏切换的时候触发，需要在search.json界面添加如下代码
  * {
  "pageOrientation": "auto"
}
  */
  onResize() {
    console.log('onResize');
  },
  /** 
   * 1 必须要求当前页面也是tabbar页面
   * 2 点击的自己的tab item的时候才触发 
  */
  onTabItemTap() {
    console.log('onTabItemTap');
  }
})