這篇文章主要介紹微信小程序中生命周期的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對營銷、技術(shù)、服務(wù)都有自己獨(dú)特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認(rèn)可，能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級，滿足企業(yè)一站式成都全網(wǎng)營銷需求，讓再小的品牌網(wǎng)站建設(shè)也能產(chǎn)生價值！

今天記錄一下微信小程序的app生命周期及各頁面的生命周期。

（一）小程序的生命周期

在app.json中進(jìn)行監(jiān)聽，三個方法

①onLauch方法只在小程序啟動時觸發(fā)一次。

②onShow方法，在小程序啟動時，及由后臺切換至前臺顯示時觸發(fā)。

③onHide方法，在小程序由前臺顯示切換至后臺時觸發(fā)。

可以通過 ↓ 這張圖片，感受一下各生命周期。

比較有趣的地方是，小程序啟動時會觸發(fā)兩次onShow，我不知道是為什么。希望了解的同學(xué)解釋一下。

（二）頁面的生命周期

1.在index中我添加了兩種方式跳轉(zhuǎn)到新增的crab頁面 ↓ 在這里簡單介紹一下

①在index.wxml文件中通過在標(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ù)后面注釋對應(yīng)功能說明。）

其中，onSomeFunction是我隨意命名的，其他方法均有固定名字及含義。

3.在index界面，我們選擇任意一種方式進(jìn)入crab界面?！龍D進(jìn)行詳細(xì)說明

（如果無法實(shí)現(xiàn)下拉刷新，請檢查app.json中window參數(shù)，或檢查當(dāng)前頁面的crab.json文件是否覆蓋該參數(shù)為false）

以上是“微信小程序中生命周期的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！