微信APP生命周期及頁面生命周期示例詳解
官方文檔
小程序的啟動(dòng)流程
我們畫一個(gè)圖來表示一下,整個(gè)小程序的啟動(dòng)流程,我們就知道了:
app生命周期
執(zhí)行App()函數(shù)也就是注冊(cè)一個(gè)App
1 在注冊(cè)app的時(shí)候,可以判斷小程序的進(jìn)入場(chǎng)景
2 我們可以在執(zhí)行通過生命周期函數(shù),做一些數(shù)據(jù)請(qǐng)求
3 可以在app中設(shè)置一個(gè)全局對(duì)象,讓所有頁面都能使用
頁面的生命周期
Page({ /** * 頁面的初始數(shù)據(jù) */ data: { }, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { console.log("onload") }, /** * 生命周期函數(shù)--監(jiān)聽頁面顯示 */ onShow: function () { console.log("onshow") }, /** * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成 */ onReady: function () { console.log("onReady") }, /** * 生命周期函數(shù)--監(jiān)聽頁面隱藏 */ onHide: function () { console.log("onHide") }, /** * 生命周期函數(shù)--監(jiān)聽頁面卸載 */ onUnload: function () { console.log("onUnload") }, //監(jiān)聽用戶下拉動(dòng)作, onPullDownRefresh :function(){ //如果要用到這個(gè),必須把"enablePullDownRefresh": true console.log("下拉刷下") }, //頁面上拉觸底事件的處理函數(shù) onReachBottom:function(){ console.log("上拉到底部") }, //頁面滾動(dòng)觸發(fā)事件的處理函數(shù) onPageScroll: function(e){ console.log("滾輪在懂",e) } })
1 在生命周期函數(shù)中發(fā)送網(wǎng)絡(luò)請(qǐng)求,從服務(wù)端獲取數(shù)據(jù)
2 初始化一些數(shù)據(jù),在data里面,以方便wxml引用
3 監(jiān)聽wxml的事件,綁定對(duì)應(yīng)的事件函數(shù)
4 還有頁面滾動(dòng),上拉,下拉等
頁面的生命周期(圖)
以上就是微信APP生命周期及頁面生命周期示例詳解的詳細(xì)內(nèi)容,更多關(guān)于微信APP生命周期及頁面生命周期的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JS沙箱繞過以及競(jìng)爭(zhēng)條件型漏洞復(fù)現(xiàn)
沙箱繞過"是指攻擊者利用各種方法和技術(shù)來規(guī)避或繞過應(yīng)用程序或系統(tǒng)中的沙箱,本文主要介紹了JS沙箱繞過以及競(jìng)爭(zhēng)條件型漏洞復(fù)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法...2007-01-01以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法
業(yè)務(wù)是需要將前臺(tái)jQuery easyUI DataGrid列表中所選的若干行的數(shù)據(jù)傳到后臺(tái)進(jìn)行update操作,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參考下2014-01-01Summernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法
下面小編就為大家?guī)硪黄猄ummernote實(shí)現(xiàn)圖片上傳功能的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07Javascript中引用類型傳遞的知識(shí)點(diǎn)小結(jié)
這篇文章主要給大家介紹了關(guān)于Javascript中引用類型傳遞的知識(shí)點(diǎn),文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-03-03JavaScript對(duì)Cookie進(jìn)行讀寫操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)Cookie進(jìn)行讀寫操作的方法,實(shí)例分析了javascript針對(duì)cookie的讀寫操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07JS實(shí)現(xiàn)的Object數(shù)組去重功能示例【數(shù)組成員為Object對(duì)象】
這篇文章主要介紹了JS實(shí)現(xiàn)的Object數(shù)組去重功能,可實(shí)現(xiàn)針對(duì)數(shù)組成員為Object對(duì)象的去重復(fù)功能,涉及javascript數(shù)組元素遍歷、屬性判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02