微信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監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務(wù)器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關(guān)閉或者刷新,這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件的相關(guān)資料,需要的朋友可以參考下2023-11-11
Layui Form 自定義驗(yàn)證的實(shí)例代碼
今天小編就為大家分享一篇Layui Form 自定義驗(yàn)證的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
DropDownList控件綁定數(shù)據(jù)源的三種方法
本文給大家分享web 中 DropDownList綁定數(shù)據(jù)源的幾種方式以及DropdownList控件動(dòng)態(tài)綁定數(shù)據(jù)源的兩種方法，下面通過本文給大家詳細(xì)介紹，感興趣的朋友一起看看2016-12-12
Javascript中的方法鏈（Method Chaining）介紹
這篇文章主要介紹了Javascript中的方法鏈（Method Chaining）介紹,本文講解了Javascript Method Chaining、Method Chaining 使用、Method Chaining VS prototype Chaining等內(nèi)容,需要的朋友可以參考下2015-03-03
Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果
餅圖主要是通過扇形的弧度表現(xiàn)不同類目的數(shù)據(jù)在總和中的占比,它的數(shù)據(jù)格式比柱狀圖更簡單,這篇文章主要給大家介紹了關(guān)于Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果的相關(guān)資料,文中還介紹了echarts餅圖外部陰影設(shè)置的方法,需要的朋友可以參考下2024-02-02
JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小的方法,以實(shí)例形式較為詳細(xì)分析了JavaScript字符串與日期操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
由于鼠標(biāo)滾輪事件在 IE 和 FF 的實(shí)現(xiàn)有點(diǎn)不一樣，所以有需要把這個(gè)寫成一個(gè)統(tǒng)一可用的事件。2009-04-04
CountUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)增值效果
這篇文章主要為大家詳細(xì)介紹了CountUp.js實(shí)現(xiàn)數(shù)字滾動(dòng)增值效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
為網(wǎng)站代碼塊pre標(biāo)簽增加一個(gè)復(fù)制代碼按鈕代碼
寫文章的時(shí)候，作為一名專業(yè)的碼農(nóng)，經(jīng)常會(huì)在文章中粘貼一些代碼。有的時(shí)候代碼塊比較長，在后期使用中需要復(fù)制這段代碼就比較麻煩2021-11-11
這篇文章主要為大家介紹了如何使用splitChunks精細(xì)控制代碼分割來實(shí)現(xiàn)降低包大小的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07