微信小程序的生命周期的詳解
今天記錄一下微信小程序的app生命周期及各頁(yè)面的生命周期。
（一）小程序的生命周期
在app.json中進(jìn)行監(jiān)聽(tīng)，三個(gè)方法
①onLauch方法只在小程序啟動(dòng)時(shí)觸發(fā)一次。
②onShow方法，在小程序啟動(dòng)時(shí)，及由后臺(tái)切換至前臺(tái)顯示時(shí)觸發(fā)。
③onHide方法，在小程序由前臺(tái)顯示切換至后臺(tái)時(shí)觸發(fā)。
可以通過(guò) ↓ 這張圖片，感受一下各生命周期。
比較有趣的地方是，小程序啟動(dòng)時(shí)會(huì)觸發(fā)兩次onShow，我不知道是為什么。希望了解的同學(xué)解釋一下。
（二）頁(yè)面的生命周期
1.在index中我添加了兩種方式跳轉(zhuǎn)到新增的crab頁(yè)面 ↓ 在這里簡(jiǎn)單介紹一下
①在index.wxml文件中通過(guò)在<navigator>標(biāo)簽中添加url實(shí)現(xiàn)跳轉(zhuǎn)
②將button綁定到index.js中的方法實(shí)現(xiàn)跳轉(zhuǎn)，此處我將方法命名為turnCrabFunction,并在index.js中實(shí)現(xiàn)該方法。
2.下面介紹crab.js中的各生命周期
↓圖為該文件部分代碼，使用console.log進(jìn)行打印，方便我們進(jìn)行觀察各生命周期。（各函數(shù)后面注釋對(duì)應(yīng)功能說(shuō)明。）
其中，onSomeFunction是我隨意命名的，其他方法均有固定名字及含義。
3.在index界面，我們選擇任意一種方式進(jìn)入crab界面?！龍D進(jìn)行詳細(xì)說(shuō)明
（如果無(wú)法實(shí)現(xiàn)下拉刷新，請(qǐng)檢查app.json中window參數(shù)，或檢查當(dāng)前頁(yè)面的crab.json文件是否覆蓋該參數(shù)為false）
如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
微信小程序 scroll-view實(shí)現(xiàn)上拉加載與下拉刷新的實(shí)例
這篇文章主要介紹了微信小程序 scroll-view實(shí)現(xiàn)上拉加載與下拉刷新的實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序 scroll-view隱藏滾動(dòng)條詳解
這篇文章主要介紹了微信小程序 scroll-view隱藏滾動(dòng)條和跳轉(zhuǎn)頁(yè)面的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了JavaScript內(nèi)置對(duì)象,內(nèi)置對(duì)象就是指?JS?語(yǔ)言自帶的一些對(duì)象，這些對(duì)象供開(kāi)發(fā)者使用，并提供了一些常用的或是最基本而必要的功能,下面我們一起進(jìn)入文章了解更多詳細(xì)內(nèi)容2021-12-12
這篇文章主要給大家分享使用javascript解析二維碼的三種方式，二維碼就是將我們能看懂的文字語(yǔ)言,以機(jī)器語(yǔ)言的形式存儲(chǔ)了起來(lái)。其中黑色小方塊代表的是1,白色小方塊代表的是0，黑白相間的圖案其實(shí)就是一串編碼,掃碼的過(guò)程就是翻譯這些編碼的過(guò)程,需要的朋友可以參考一下2021-11-11
微信小程序 less文件編譯成wxss文件實(shí)現(xiàn)辦法
這篇文章主要介紹了微信小程序 less文件編譯成微信小程序wxss文件實(shí)現(xiàn)辦法的相關(guān)資料,這里給出具體實(shí)現(xiàn)方法，需要的朋友可以參考下2016-12-12
詳解HTML5 使用video標(biāo)簽實(shí)現(xiàn)選擇攝像頭功能
這篇文章主要介紹了詳解HTML5 使用video標(biāo)簽實(shí)現(xiàn)選擇攝像頭功能的相關(guān)資料,希望通過(guò)本文能幫助到大家，實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
這篇文章主要介紹了詳解微信第三方小程序開(kāi)發(fā)的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序Redux綁定實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
Javascript中bind()方法綁定函數(shù)的使用與實(shí)現(xiàn)
這篇文章主要為大家介紹了Javascript中bind()方法綁定函數(shù)的使用與實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
顏色選擇: ColorMatch 5K...2006-12-12