微信小程序 生命周期詳解
更新時間：2016年10月12日 09:41:47 作者：瘋狂的貓
這篇文章主要介紹了微信小程序 生命周期的相關(guān)資料,創(chuàng)建、到開始、暫停、喚起、停止、卸載等過程，需要的朋友可以參考下
微信小程序 生命周期
通俗的講，生命周期就是指一個對象的生老病死。 從軟件的角度來看，生命周期指程序從創(chuàng)建、到開始、暫停、喚起、停止、卸載的過程。
下面從一下三個方面介紹微信小程序的生命周期：
- 應(yīng)用生命周期
- 頁面生命周期
- 應(yīng)用生命周期影響頁面生命周期
》》》應(yīng)用生命周期
- 用戶首次打開小程序，觸發(fā) onLaunch（全局只觸發(fā)一次）。
- 小程序初始化完成后，觸發(fā)onShow方法，監(jiān)聽小程序顯示。
- 小程序從前臺進(jìn)入后臺，觸發(fā) onHide方法。
- 小程序從后臺進(jìn)入前臺顯示，觸發(fā) onShow方法。
- 小程序后臺運行一定時間，或系統(tǒng)資源占用過高，會被銷毀。
前臺、后臺定義： 當(dāng)用戶點擊左上角關(guān)閉，或者按了設(shè)備 Home 鍵離開微信，小程序并沒有直接銷毀，而是進(jìn)入了后臺；當(dāng)再次進(jìn)入微信或再次打開小程序，又會從后臺進(jìn)入前臺。
在整理本文資料的時候，有點不解，為什么不把小程序監(jiān)聽『銷毀』方法開放給開發(fā)者，我猜測是因為IOS系統(tǒng)限制『按下Home鍵時，app從活動狀態(tài)轉(zhuǎn)入后臺，會被掛起』；微信也不例外，只要運行一段時間或把微信客戶端進(jìn)程殺掉，就無法通知小程序應(yīng)用被銷毀。
》》》頁面生命周期
- 小程序注冊完成后，加載頁面，觸發(fā)onLoad方法。
- 頁面載入后觸發(fā)onShow方法，顯示頁面。
- 首次顯示頁面，會觸發(fā)onReady方法，渲染頁面元素和樣式，一個頁面只會調(diào)用一次。
- 當(dāng)小程序后臺運行或跳轉(zhuǎn)到其他頁面時，觸發(fā)onHide方法。
- 當(dāng)小程序有后臺進(jìn)入到前臺運行或重新進(jìn)入頁面時，觸發(fā)onShow方法。
- 當(dāng)使用重定向方法wx.redirectTo(OBJECT)或關(guān)閉當(dāng)前頁返回上一頁wx.navigateBack()，觸發(fā)onUnload
》》》應(yīng)用生命周期影響頁面生命周期
- 小程序初始化完成后，頁面首次加載觸發(fā)onLoad，只會觸發(fā)一次。
- 當(dāng)小程序進(jìn)入到后臺，先執(zhí)行頁面onHide方法再執(zhí)行應(yīng)用onHide方法。
- 當(dāng)小程序從后臺進(jìn)入到前臺，先執(zhí)行應(yīng)用onShow方法再執(zhí)行頁面onShow方法。
下圖是小程序從注冊到頁面加入，前后臺切換流程。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要為大家介紹了TypeScript獲取二叉樹的鏡像實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Javascript實現(xiàn)的分頁函數(shù)...2006-12-12
這篇文章主要為大家介紹了Tree Shaking實現(xiàn)方法指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要給大家分享的是JavaScript用html5新方法操作元素類名的詳解，早先JavaScript處理起來特別不方便，需要先取到class屬性，然后對字符串進(jìn)行處理?，F(xiàn)在html5給所有元素增加了classList屬性來操作類屬性，非常方便，下面就一起來看看具體操作過程吧2021-11-11
這篇文章主要介紹了基于JavaScript獲取base64圖片大小,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
ECMAScript 6對象的擴(kuò)展實現(xiàn)示例
這篇文章主要為大家介紹了ECMAScript 6對象的擴(kuò)展實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要為大家介紹了JavaScript中fetch方法的使用示例全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
這篇文章主要介紹了微信小程序 Nginx環(huán)境配置詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家介紹了Three.js實現(xiàn)雪糕地球的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
bigScreen大屏配置選項無法和畫布中心的展示聯(lián)動解決
這篇文章主要為大家介紹了bigScreen大屏配置選項無法和畫布中心的展示聯(lián)動解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01