新聞動(dòng)態(tài)
微信小程序的生命周期函數(shù)有哪些?
常見問題 發(fā)布者:ou3377 2021-12-17 09:16 訪問量:224
跟vue
、react
框架一樣,微信小程序框架也存在生命周期,實(shí)質(zhì)也是一堆會(huì)在特定時(shí)期執(zhí)行的函數(shù)
小程序中,生命周期主要分成了三部分:
小程序的生命周期函數(shù)是在app.js
里面調(diào)用的,通過App(Object)
函數(shù)用來注冊(cè)一個(gè)小程序,指定其小程序的生命周期回調(diào)
頁(yè)面生命周期函數(shù)就是當(dāng)你每進(jìn)入/切換到一個(gè)新的頁(yè)面的時(shí)候,就會(huì)調(diào)用的生命周期函數(shù),同樣通過App(Object)
函數(shù)用來注冊(cè)一個(gè)頁(yè)面
組件的生命周期,指的是組件自身的一些函數(shù),這些函數(shù)在特殊的時(shí)間點(diǎn)或遇到一些特殊的框架事件時(shí)被自動(dòng)觸發(fā),通過Component(Object)
進(jìn)行注冊(cè)組件
生命周期 | 說明 |
---|---|
onLaunch | 小程序初始化完成時(shí)觸發(fā),全局只觸發(fā)一次 |
onShow | 小程序啟動(dòng),或從后臺(tái)進(jìn)入前臺(tái)顯示時(shí)觸發(fā) |
onHide | 小程序從前臺(tái)進(jìn)入后臺(tái)時(shí)觸發(fā) |
onError | 小程序發(fā)生腳本錯(cuò)誤或 API 調(diào)用報(bào)錯(cuò)時(shí)觸發(fā) |
onPageNotFound | 小程序要打開的頁(yè)面不存在時(shí)觸發(fā) |
onUnhandledRejection() | 小程序有未處理的 Promise 拒絕時(shí)觸發(fā) |
onThemeChange | 系統(tǒng)切換主題時(shí)觸發(fā) |
生命周期 | 說明 | 作用 |
---|---|---|
onLoad | 生命周期回調(diào)—監(jiān)聽頁(yè)面加載 | 發(fā)送請(qǐng)求獲取數(shù)據(jù) |
onShow | 生命周期回調(diào)—監(jiān)聽頁(yè)面顯示 | 請(qǐng)求數(shù)據(jù) |
onReady | 生命周期回調(diào)—監(jiān)聽頁(yè)面初次渲染完成 | 獲取頁(yè)面元素(少用) |
onHide | 生命周期回調(diào)—監(jiān)聽頁(yè)面隱藏 | 終止任務(wù),如定時(shí)器或者播放音樂 |
onUnload | 生命周期回調(diào)—監(jiān)聽頁(yè)面卸載 | 終止任務(wù) |
生命周期 | 說明 |
---|---|
created | 生命周期回調(diào)—監(jiān)聽頁(yè)面加載 |
attached | 生命周期回調(diào)—監(jiān)聽頁(yè)面顯示 |
ready | 生命周期回調(diào)—監(jiān)聽頁(yè)面初次渲染完成 |
moved | 生命周期回調(diào)—監(jiān)聽頁(yè)面隱藏 |
detached | 生命周期回調(diào)—監(jiān)聽頁(yè)面卸載 |
error | 每當(dāng)組件方法拋出錯(cuò)誤時(shí)執(zhí)行 |
注意的是:
還有一些特殊的生命周期,它們并非與組件有很強(qiáng)的關(guān)聯(lián),但有時(shí)組件需要獲知,以便組件內(nèi)部處理,這樣的生命周期稱為“組件所在頁(yè)面的生命周期”,在 pageLifetimes
定義段中定義,如下:
生命周期 | 說明 |
---|---|
show | 組件所在的頁(yè)面被展示時(shí)執(zhí)行 |
hide | 組件所在的頁(yè)面被隱藏時(shí)執(zhí)行 |
代碼如下:
Component({
pageLifetimes: {
show: function() {
// 頁(yè)面被展示
},
hide: function() {
// 頁(yè)面被隱藏
},
}
})
?戶?次打開?程序,觸發(fā) onLaunch(全局只觸發(fā)?次)
?程序初始化完成后,觸發(fā)onShow?法,監(jiān)聽?程序顯示
?程序從前臺(tái)進(jìn)?后臺(tái),觸發(fā) onHide?法
?程序從后臺(tái)進(jìn)?前臺(tái)顯示,觸發(fā) onShow?法
?程序后臺(tái)運(yùn)??定時(shí)間,或系統(tǒng)資源占?過?,會(huì)被銷毀
當(dāng)存在也應(yīng)用生命周期和頁(yè)面周期的時(shí)候,相關(guān)的執(zhí)行順序如下:
打開小程序:(App)onLaunch --> (App)onShow --> (Pages)onLoad --> (Pages)onShow --> (pages)onRead
進(jìn)入下一個(gè)頁(yè)面:(Pages)onHide --> (Next)onLoad --> (Next)onShow --> (Next)onReady
返回上一個(gè)頁(yè)面:(curr)onUnload --> (pre)onShow
離開小程序:(App)onHide
再次進(jìn)入:小程序未銷毀 --> (App)onShow(執(zhí)行上面的順序),小程序被銷毀,(App)onLaunch重新開始執(zhí)行.
【推薦閱讀】
那些決定網(wǎng)站品質(zhì)的網(wǎng)站設(shè)計(jì)細(xì)節(jié)?
文章連接: http://www.hsjyfc.com.cn/cjwt/831.html
版權(quán)聲明:文章由 晨展科技 整理收集,來源于互聯(lián)網(wǎng)或者用戶投稿,如有侵權(quán),請(qǐng)聯(lián)系我們,我們會(huì)立即刪除。如轉(zhuǎn)載請(qǐng)保留
晨展解決方案
晨展新聞