国产精品无码一区二区三区太,亚洲一线产区二线产区区别,欧美A区,人妻jealousvue人妻

×

微信小程序的生命周期學(xué)習(xí)筆記-應(yīng)用篇

分類:互聯(lián)網(wǎng)熱點(diǎn) 編輯:互聯(lián)網(wǎng)觀察 瀏覽量:437
2020-07-20 13:33:06

在我們學(xué)習(xí)微信小程序的過程當(dāng)中,我們會參考很多資料。在這些資料中,我們經(jīng)常能夠看到“生命周期”四個字,在前面的課程中也提到過。在這里做一個說明。

生命周期是一類函數(shù)的統(tǒng)稱,這些函數(shù)在特殊的時間點(diǎn)或遇到一些特殊的框架事件時被自動觸發(fā)。他們的作用是負(fù)責(zé)監(jiān)聽一些操作或者狀態(tài),當(dāng)?shù)竭_(dá)了某些特殊的時間點(diǎn)或者發(fā)生了某些特殊的事件時,這些函數(shù)就會觸發(fā),我們可以通過這種函數(shù)來在相應(yīng)的時間點(diǎn)或事件下,實(shí)現(xiàn)我們的小程序應(yīng)有的功能。

我們在小程序中主要研究三種生命周期:應(yīng)用生命周期、頁面生命周期、組件生命周期。

應(yīng)用生命周期也稱小程序生命周期,是三種生命周期中相比之下比較易懂的一種,所以我們會重點(diǎn)介紹應(yīng)用生命周期。掌握了應(yīng)用生命周期可以為頁面生命周期和組件生命周期的掌握做好基礎(chǔ)。

應(yīng)用生命周期主要包含五個函數(shù):

我們在創(chuàng)建一個新的微信小程序項(xiàng)目時,打開app.json文件,我們就可以看到一個叫做onLaunch的函數(shù),如圖。

Luanch在英文中是“啟動”的意思。onLaunch函數(shù)在小程序啟動并完成初始化后觸發(fā),只觸發(fā)一次。如上圖,小程序在讀取用戶的一些信息,可以在小程序的其他地方使用。

我們現(xiàn)在重新編寫onLaunch函數(shù)如下。

這段程序所做的事情就是在小程序啟動、完成初始化后,在調(diào)試器的console中輸出一個“Launch”的字符串。

保存、編譯后,我們在console中得到了“Launch”字符串,如圖。

在onLaunch函數(shù)中,我們可以像其中添加自己想要進(jìn)行的初始操作,例如獲取用戶信息、申請權(quán)限、獲取服務(wù)器數(shù)據(jù)等,為小程序的后續(xù)功能提供方便。

Show,即為出現(xiàn)。在屏幕上從無到有,從非當(dāng)前小程序變?yōu)楫?dāng)前小程序,即為出現(xiàn)一次。對于微信小程序的消失與重現(xiàn),無非是從別的地方切到了這個小程序當(dāng)中,把這個小程序切到了前臺。

我們在onLaunch的同層級同樣編寫一個onShow函數(shù)如下,以測試onShow函數(shù)的執(zhí)行時間點(diǎn)。(下面測試的onHide、onError和onPageNotFound都是在這個層級)

在開發(fā)者工具中,有切后臺的測試功能,即模擬各種情況之中將小程序從后臺切回前臺的狀況。我們隨意選擇幾種,每次將小程序切回前臺,都會輸出一個“Show”字符串。請大家自己嘗試。

這里需要注意的是,小程序啟動、進(jìn)行初始化的時間點(diǎn)也屬于出現(xiàn)一次。

將onShow函數(shù)和onLuanch函數(shù)放到一起,重新啟動小程序,會發(fā)現(xiàn),onLuanch的執(zhí)行時間點(diǎn)早于onShow的執(zhí)行時間點(diǎn)。

Hide,即為隱藏。與onShow相反,onHide的時間點(diǎn)是微信小程序被切到后臺時開始執(zhí)行。通過onHide函數(shù),我們可以實(shí)現(xiàn)小程序被切到后臺后,計(jì)時器暫停計(jì)時、統(tǒng)計(jì)切后臺次數(shù)等自己想要的功能。

測試代碼如下:

和之前的測試代碼一樣,在執(zhí)行onHide函數(shù)時我們會在console中得到一個“Hide”字符串。

當(dāng)我們點(diǎn)擊開發(fā)者工具中切后臺的按鍵的一瞬間,就可以得到“Hide”字符串了。大家可以自行嘗試。

Error是錯誤的意思。onError函數(shù)的執(zhí)行時間點(diǎn)是在我們的代碼運(yùn)行出錯時執(zhí)行。

onError測試代碼如下:

onError函數(shù)與其他函數(shù)不同,我們需要傳遞一個參數(shù)err來記錄錯誤內(nèi)容。當(dāng)然這里給參數(shù)起的名字是err,起別的名字也可以,根據(jù)自己的習(xí)慣來命名即可。

這里我們給了onError函數(shù)兩個任務(wù):當(dāng)代碼執(zhí)行出錯時,先在console中輸出“Error”字符串,然后把錯誤信息輸出出來。

至于測試的方法有很多,例如我們可以在onLaunch或onShow中隨便加一行錯誤代碼,如下:

這里abc就是一行錯誤代碼。之所以會想到用onLaunch和onShow,是因?yàn)檫@兩個函數(shù)在小程序一啟動就會執(zhí)行,方便測試。大家自己嘗試。

Page Not Found,是頁面沒有找到的意思。換言之,我們提供的頁面不存在,導(dǎo)致代碼執(zhí)行出現(xiàn)了錯誤。但是,在應(yīng)用生命周期中的這個onPageNotFound,觸發(fā)是有一定條件的,它只有在小程序最初啟動時找不到啟動頁面才會觸發(fā),其他情況下不會觸發(fā)。所謂的啟動頁面,可簡單理解為小程序運(yùn)行后的第一個頁面。

我們先把測試代碼寫好:

我們的測試方法是:更改編譯模式。

我們首先在開發(fā)者工具的上方找到編譯設(shè)置,點(diǎn)擊普通編譯右側(cè)的倒三角,如圖。

選擇“添加編譯模式”,修改里面的啟動頁面,將其中的頁面修改成一個不存在的頁面即可。大家可以自行測試。修改后編譯,就會在console中輸出“PageNotFound”的字符串了。

對于其他的找不到頁面的情況,我們也可以去測試。例如在啟動初始化時我們想要跳轉(zhuǎn)到一個不存在的頁面,這種情況下不觸發(fā)onPageNotFound函數(shù),我們可以在onLaunch函數(shù)中做出如下改動:

我們在js文件和json文件中用wx.navigateTo實(shí)現(xiàn)導(dǎo)航功能,其效果與我們在wxml文件中寫的

相同。這里不進(jìn)行詳細(xì)介紹。

測試后我們會發(fā)現(xiàn),這種情況下onPageNotFound不會被觸發(fā)。

與應(yīng)用生命周期相關(guān)的較主要的API有兩種:

微信開放文檔中的介紹:獲取小程序啟動時的參數(shù),與App.onLaunch的回調(diào)參數(shù)一致。

我們先在onLaunch函數(shù)中寫如下代碼,以作測試:

這段代碼可以將wx.getLaunchOptionsSync()的返回值在console輸出。運(yùn)行后可以得到如下結(jié)果:

這些都是onLaunch函數(shù)的回調(diào)參數(shù),我們可以通過wx.getLaunchOptionsSync()來獲取這些參數(shù)。

wx.getLaunchOptionsSync()的相關(guān)值和referredInfo的結(jié)構(gòu),以及返回有效referredInfo的場景,詳見微信開放文檔:

https://developers.weixin.qq.com/miniprogram/dev/api/base/app/life-cycle/wx.getLaunchOptionsSync/1.html

微信開放文檔中的介紹:獲取本次小程序啟動時的參數(shù)。如果當(dāng)前是冷啟動,則返回值與 App.onLaunch 的回調(diào)參數(shù)一致;如果當(dāng)前是熱啟動,則返回值與 App.onShow 一致。

冷啟動,可以理解為小程序第一次啟動,需要進(jìn)行初始化的啟動,根據(jù)之前我們的學(xué)習(xí)可知,進(jìn)行初始化后,小程序?qū)?zhí)行App.onLaunch和App.onShow兩個函數(shù)。此時的wx.getEnterOptionsSync()返回App.onLaunch的參數(shù)。

熱啟動,可以理解為已經(jīng)熱過身一般,已經(jīng)運(yùn)行過,即為從后臺將小程序切到前臺。根據(jù)之前我們的學(xué)習(xí),此時小程序只執(zhí)行App.onShow。那么wx.getEnterOptionsSync()返回App.onShow的參數(shù)。

大家可以通過上面的代碼,分別對以下兩種情況進(jìn)行測試:

a.冷啟動:編譯后運(yùn)行

b.熱啟動:切后臺后返回小程序

觀察兩種情況的結(jié)果,與之前我們測試wx.getLaunchOptionsSync()所得到的結(jié)果相比對,大家可以自己嘗試。

獲取參數(shù)的應(yīng)用級事件

取消監(jiān)聽的應(yīng)用級事件

此處不對以上API做詳細(xì)介紹。大家可以借鑒上文介紹的兩個API的研究方法,來對這些API進(jìn)行學(xué)習(xí)。

新書介紹

以下是本人3月份出版的新書,拜托多多關(guān)注!

本書利用Python 的標(biāo)準(zhǔn)GUI 工具包tkinter,通過可執(zhí)行的示例對23 個設(shè)計(jì)模式逐個進(jìn)行說明。這樣一方面可以使讀者了解真實(shí)的軟件開發(fā)工作中每個設(shè)計(jì)模式的運(yùn)用場景和想要解決的問題;另一方面通過對這些問題的解決過程進(jìn)行說明,讓讀者明白在編寫代碼時如何判斷使用設(shè)計(jì)模式的利弊,并合理運(yùn)用設(shè)計(jì)模式。

對設(shè)計(jì)模式感興趣而且希望隨學(xué)隨用的讀者通過本書可以快速跨越從理解到運(yùn)用的門檻;希望學(xué)習(xí)Python GUI 編程的讀者可以將本書中的示例作為設(shè)計(jì)和開發(fā)的參考;使用Python 語言進(jìn)行圖像分析、數(shù)據(jù)處理工作的讀者可以直接以本書中的示例為基礎(chǔ),迅速構(gòu)建自己的系統(tǒng)架構(gòu)。

覺得本文有幫助?請分享給更多人。

關(guān)注微信公眾號【面向?qū)ο笏伎肌枯p松學(xué)習(xí)每一天!

面向?qū)ο箝_發(fā),面向?qū)ο笏伎迹?


聲明:免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)

送郵件至:operations@xinnet.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時

需注明出處:新網(wǎng)idc知識百科

免費(fèi)咨詢獲取折扣

Loading