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