小程序學習筆記(8) -- 小程序生命週期

應用生命週期

app.js
下面的js中的註釋，寫了某些位置常用來處理那些業務邏輯。

//app.js
App({
  //1 應用第一次啓動的時候 就會觸發的事件
  onLaunch: function () {
    console.log("onLaunch")
    //js的方式來跳轉 不能觸發 onPageNotFound
    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")
   }
})

頁面生命週期

demo.js

// pages/demo18/demo18.js
Page({

  /**
   * 頁面的初始數據
   */
  data: {

  },

  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {
    console.log("onLoad")
  },
 /**
   * 生命週期函數--監聽頁面顯示
   */
  onShow: function () {
    console.log("onShow")
  },
  /**
   * 生命週期函數--監聽頁面初次渲染完成
   */
  onReady: function () {
    console.log("onReady")
  },

  /**
   * 生命週期函數--監聽頁面隱藏
   */
  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: function () {
    console.log("onPageScroll")
  },
  /**
   * 頁面尺寸發生變化 觸發
   * 小程序發生了 橫屏豎屏 切換的時候觸發
   */
  onResize: function () {
    console.log("onResize")
  },
})

其他 小程序常用框架

建議使用原生框架，因爲小程序更新比較快。不能確定是封裝框架的問題還是小程序的問題，玩遛了，再用框架吧。

---

完