目錄

小程序的生命周期

創建（onLoad）：

顯示（onShow）：

隱藏（onHide）：

卸載（onUnload）：

錯誤監聽（onError）：

頁面的生命周期

頁面加載（onLoad）：

頁面顯示（onShow）：

頁面隱藏（onHide）：

頁面卸載（onUnload）：

頁面更新（onReady）：

---

小程序的生命周期

小程序的生命周期主要分為以下幾個階段：

1. 創建（onLoad）：

   • 當小程序啟動時，或者從其他頁面跳轉到當前頁面時，會觸發?onLoad?生命周期函數。
   • 這個階段通常用于初始化頁面數據，從服務器請求數據等。

2. 顯示（onShow）：

   • 頁面顯示/切入前臺時觸發。
   • 在?onLoad?之后調用，可以用于頁面剛顯示時的數據初始化。

3. 隱藏（onHide）：

   • 頁面隱藏/切入后臺時觸發。
   • 在這個生命周期中，你可以執行一些清理工作，比如停止定時器、暫停音頻播放等。

4. 卸載（onUnload）：

   • 頁面銷毀時觸發。
   • 在這個生命周期中，你需要執行一些必要的清理工作，比如清除定時器、解綁事件監聽器等。

5. 錯誤監聽（onError）：

   • 頁面發生錯誤時觸發。
   • 你可以使用這個生命周期函數來捕獲和處理頁面中的錯誤。

  onLaunch: function () {  // 小程序啟動時觸發  console.log('App launched');  // 可以在這里進行全局變量的初始化、網絡請求的發起等  },  onShow: function () {  // 小程序啟動，或從后臺進入前臺顯示時觸發  console.log('App showed');  // 可以在這里恢復之前的狀態，如播放音頻、重新開始定時器等  },  onHide: function () {  // 小程序從前臺進入后臺時觸發  console.log('App hidden');  // 可以在這里進行清理工作，如暫停音頻、清除定時器等  },  onError: function (msg) {  // 小程序發生錯誤時觸發  console.error('App error:', msg);  // 可以在這里記錄錯誤信息、進行錯誤處理等  },  // 其他生命周期函數...  

頁面的生命周期

頁面的生命周期與小程序的生命周期類似，但更側重于描述頁面內部的行為和狀態。頁面的生命周期主要分為以下幾個階段：

1. 頁面加載（onLoad）：

   • 頁面加載時觸發。
   • 這個階段主要用于初始化頁面數據，獲取頁面所需的參數等。

2. 頁面顯示（onShow）：

   • 頁面顯示/切入前臺時觸發。
   • 你可以在這個生命周期函數中執行一些需要在頁面顯示時立即執行的操作。

3. 頁面隱藏（onHide）：

   • 頁面隱藏/切入后臺時觸發。
   • 在這個生命周期中，你可以執行一些清理工作，比如停止定時器、暫停動畫等。

4. 頁面卸載（onUnload）：

   • 頁面銷毀時觸發。
   • 在這個生命周期中，你需要執行一些必要的清理工作，比如清除定時器、解綁事件監聽器等。

5. 頁面更新（onReady）：

   • 頁面初次渲染完成時觸發。
   • 你可以在這個生命周期函數中執行一些需要在頁面渲染完成后立即執行的操作。

  onLoad: function (options) {  // 頁面加載時觸發  console.log('Page loaded');  // 可以從options中獲取頁面參數  this.setData({  // 更新頁面數據  });  },  onShow: function () {  // 頁面顯示/切入前臺時觸發  console.log('Page showed');  // 可以在這里執行頁面顯示時需要的操作  },  onHide: function () {  // 頁面隱藏/切入后臺時觸發  console.log('Page hidden');  // 可以在這里執行清理工作  },  onUnload: function () {  // 頁面銷毀時觸發  console.log('Page unloaded');  // 可以在這里執行清理工作，如清除定時器、解綁事件等  },  onReady: function () {  // 頁面初次渲染完成時觸發  console.log('Page ready');  // 可以在這里執行頁面渲染完成后的操作  },  // 其他生命周期函數...