微信小程序的生命周期的詳解-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)IDC提供業(yè)務(wù):四川主機(jī)托管,成都服務(wù)器租用,四川主機(jī)托管,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動機(jī)房,聯(lián)通機(jī)房。

(一)小程序的生命周期

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

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

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

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

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

微信小程序的生命周期的詳解

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

(二)頁面的生命周期

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

①在index.wxml文件中通過在<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ù)后面注釋對應(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)

微信小程序的生命周期的詳解

如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目:微信小程序的生命周期的詳解-創(chuàng)新互聯(lián)
分享鏈接:http://muchs.cn/article24/dpidce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、企業(yè)建站網(wǎng)站設(shè)計公司、云服務(wù)器搜索引擎優(yōu)化、用戶體驗(yàn)

廣告

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

手機(jī)網(wǎng)站建設(shè)