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

創(chuàng)新互聯(lián)10多年成都企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),成都企業(yè)網(wǎng)站建設(shè)及推廣,對(duì)餐廳設(shè)計(jì)等多個(gè)方面擁有多年的營(yíng)銷(xiāo)推廣經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

（一）小程序的生命周期

在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界面。↓圖進(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ì)本站的支持！

網(wǎng)站欄目：微信小程序的生命周期的詳解
標(biāo)題網(wǎng)址：http://www.chinadenli.net/article6/ihodig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、App設(shè)計(jì)、ChatGPT、微信小程序、虛擬主機(jī)、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)