溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹微信小程序中生命周期的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
今天記錄一下微信小程序的app生命周期及各頁面的生命周期。
（一）小程序的生命周期
在app.json中進行監(jiān)聽，三個方法
①onLauch方法只在小程序啟動時觸發(fā)一次。
②onShow方法，在小程序啟動時，及由后臺切換至前臺顯示時觸發(fā)。
③onHide方法，在小程序由前臺顯示切換至后臺時觸發(fā)。
可以通過 ↓ 這張圖片，感受一下各生命周期。
比較有趣的地方是，小程序啟動時會觸發(fā)兩次onShow，我不知道是為什么。希望了解的同學(xué)解釋一下。
（二）頁面的生命周期
1.在index中我添加了兩種方式跳轉(zhuǎn)到新增的crab頁面 ↓ 在這里簡單介紹一下
①在index.wxml文件中通過在<navigator>標(biāo)簽中添加url實現(xiàn)跳轉(zhuǎn)
②將button綁定到index.js中的方法實現(xiàn)跳轉(zhuǎn)，此處我將方法命名為turnCrabFunction,并在index.js中實現(xiàn)該方法。
2.下面介紹crab.js中的各生命周期
↓圖為該文件部分代碼，使用console.log進行打印，方便我們進行觀察各生命周期。（各函數(shù)后面注釋對應(yīng)功能說明。）
其中，onSomeFunction是我隨意命名的，其他方法均有固定名字及含義。
3.在index界面，我們選擇任意一種方式進入crab界面?！龍D進行詳細說明
（如果無法實現(xiàn)下拉刷新，請檢查app.json中window參數(shù)，或檢查當(dāng)前頁面的crab.json文件是否覆蓋該參數(shù)為false）
以上是“微信小程序中生命周期的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
