微信APP生命周期及頁面生命周期示例詳解
更新時間：2022年04月18日 17:17:10 作者：Jeff的技術棧
這篇文章主要為大家介紹了微信APP生命周期及頁面生命周期當然示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪
官方文檔
小程序的啟動流程
我們畫一個圖來表示一下，整個小程序的啟動流程，我們就知道了：
app生命周期
執(zhí)行App()函數(shù)也就是注冊一個App
1 在注冊app的時候，可以判斷小程序的進入場景
2 我們可以在執(zhí)行通過生命周期函數(shù)，做一些數(shù)據請求
3 可以在app中設置一個全局對象，讓所有頁面都能使用
頁面的生命周期
Page({
/**
* 頁面的初始數(shù)據
*/
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)聽用戶下拉動作，
onPullDownRefresh :function(){
//如果要用到這個，必須把"enablePullDownRefresh": true
console.log("下拉刷下")
},
//頁面上拉觸底事件的處理函數(shù)
onReachBottom:function(){
console.log("上拉到底部")
},
//頁面滾動觸發(fā)事件的處理函數(shù)
onPageScroll: function(e){
console.log("滾輪在懂",e)
}
})
1 在生命周期函數(shù)中發(fā)送網絡請求，從服務端獲取數(shù)據
2 初始化一些數(shù)據，在data里面，以方便wxml引用
3 監(jiān)聽wxml的事件，綁定對應的事件函數(shù)
4 還有頁面滾動，上拉，下拉等
頁面的生命周期（圖）
以上就是微信APP生命周期及頁面生命周期示例詳解的詳細內容，更多關于微信APP生命周期及頁面生命周期的資料請關注腳本之家其它相關文章！
相關文章
JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關閉或者刷新,這篇文章主要給大家介紹了關于JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件的相關資料,需要的朋友可以參考下2023-11-11
今天小編就為大家分享一篇Layui Form 自定義驗證的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文給大家分享web 中 DropDownList綁定數(shù)據源的幾種方式以及DropdownList控件動態(tài)綁定數(shù)據源的兩種方法，下面通過本文給大家詳細介紹，感興趣的朋友一起看看2016-12-12
Javascript中的方法鏈（Method Chaining）介紹
這篇文章主要介紹了Javascript中的方法鏈（Method Chaining）介紹,本文講解了Javascript Method Chaining、Method Chaining 使用、Method Chaining VS prototype Chaining等內容,需要的朋友可以參考下2015-03-03
餅圖主要是通過扇形的弧度表現(xiàn)不同類目的數(shù)據在總和中的占比,它的數(shù)據格式比柱狀圖更簡單,這篇文章主要給大家介紹了關于Echarts餅圖樣式之添加內圈陰影達到立體效果的相關資料,文中還介紹了echarts餅圖外部陰影設置的方法,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了JS實現(xiàn)字符串轉日期并比較大小的方法,以實例形式較為詳細分析了JavaScript字符串與日期操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
由于鼠標滾輪事件在 IE 和 FF 的實現(xiàn)有點不一樣，所以有需要把這個寫成一個統(tǒng)一可用的事件。2009-04-04
CountUp.js實現(xiàn)數(shù)字滾動增值效果
這篇文章主要為大家詳細介紹了CountUp.js實現(xiàn)數(shù)字滾動增值效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
寫文章的時候，作為一名專業(yè)的碼農，經常會在文章中粘貼一些代碼。有的時候代碼塊比較長，在后期使用中需要復制這段代碼就比較麻煩2021-11-11
這篇文章主要為大家介紹了如何使用splitChunks精細控制代碼分割來實現(xiàn)降低包大小的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07