国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

頁面的生命周期

2019-11-09 17:33:11
字體:
來源:轉載
供稿:網友

前言

新聞列表基本完成,但是實際開發中,頁面上的數據通常不是直接寫到wxml文件中,而是通過網絡請求獲取服務器中的數據,再將要顯示的數據綁定到wxml文件中,最后進行渲染。實現這一過程需要學習頁面的生命周期、數據是如何綁定以及數據是如何進行傳遞到wxml文件中。

Page頁面的生命周期

微信小程序的文檔中對page的定義如下:

Page() 函數用來注冊一個頁面。接受一個 object 參數,其指定頁面的初始數據、生命周期函數、事件處理函數等。

從定義中可以知道,Page()函數相當于小程序的邏輯層的功能。獲取服務器中數據以及對數據進行處理和顯示都是寫在Page()函數中。在ide中默認的page生成的格式如下:

Page({ data:{ String1 }, onLoad:function(options){ // 生命周期函數--監聽頁面加載 String2 }, onReady:function(){ // 生命周期函數--監聽頁面初次渲染完成 String3 }, onShow:function(){ // 生命周期函數--監聽頁面顯示 String4 }, onHide:function(){ // 生命周期函數--監聽頁面隱藏 String5 }, onUnload:function(){ // 生命周期函數--監聽頁面卸載 String6 }, onPullDownRefresh: function() { // 頁面相關事件處理函數--監聽用戶下拉動作 String7 }, onReachBottom: function() { // 頁面上拉觸底事件的處理函數 String8 }, onShareAppMessage: function() { // 用戶點擊右上角分享 return { title: 'title', // 分享標題 desc: 'desc', // 分享描述 path: 'path' // 分享路徑 } }})

為了測試顯示一個新聞頁面的生命周期,修改每個函數里面的內容并打斷點,進行調試,修改函數的內容如下:

Page({ data:{ }, onLoad:function(options){ // 生命周期函數--監聽頁面加載 console.log("onLoad"); }, onReady:function(){ // 生命周期函數--監聽頁面初次渲染完成 console.log("onReady"); }, onShow:function(){ // 生命周期函數--監聽頁面顯示 console.log("onShow"); }, onHide:function(){ // 生命周期函數--監聽頁面隱藏 console.log("onHide"); }, onUnload:function(){ // 生命周期函數--監聽頁面卸載 console.log("onUnload"); }, onPullDownRefresh: function() { // 頁面相關事件處理函數--監聽用戶下拉動作 console.log("nPullDownRefresh"); }, onReachBottom: function() { // 頁面上拉觸底事件的處理函數 console.log("onReachBottom"); }, onShareAppMessage: function() { // 用戶點擊右上角分享 return { title: 'title', // 分享標題 desc: 'desc', // 分享描述 path: 'path' // 分享路徑 } }})

調試頁面的生命周期分為6個步驟:

打開小程序集成開發環境的調試功能;選擇Sources選項;選擇pages下面的post.js[sm]文件;對需要調試的地方設置斷點;進行斷點調試;對斷點分步調試。
這里寫圖片描述
調試的結果如下:
這里寫圖片描述
從結果中可以看到,顯示一個wxml文件,Page()函數的執行順序是:onLoad、onShow 、onReady。 下面是官方給的Page整個生命周期:
這里寫圖片描述
通過上圖可以看到一個頁面的生命周期整個過程,這個圖很復雜,所以幫助文檔注明:

你不需要立馬完全弄明白,不過以后它會有幫助。

意思是用的時候有疑惑可以回過頭看看參考。平時經常用到的其實并不是上面的全部。

總結

Page()很好的囊括了一個頁面的生命周期,類似與Android中Activity的生命周期,學過Android四大組件之一Activity的生命周期就很容易理解,生命周期不同階段其實就是對應的一個監聽函數,當滿足這個監聽函數觸發條件時候就會執行監聽函數的函數體,學習Page的生命周期為后面數據的綁定打好基礎。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阳原县| 张掖市| 酒泉市| 杭锦后旗| 金平| 邵阳县| 延吉市| 武城县| 高唐县| 和田县| 马边| 巴楚县| 尼玛县| 洱源县| 黔西县| 萝北县| 扎鲁特旗| 拜泉县| 突泉县| 苏州市| 潞西市| 马鞍山市| 乐亭县| 枣阳市| 太湖县| 湛江市| 府谷县| 扶余县| 巨野县| 汝阳县| 开鲁县| 日土县| 武川县| 元朗区| 新巴尔虎左旗| 木兰县| 黑龙江省| 榆林市| 安新县| 资阳市| 黄陵县|