測試微信小程式頁面的生命週期

前言：

1、小程式頁面生命週期圖：

。2、註冊頁面生命週期的介面：

下面是我的測試，使用官方hello world示例，為了驗證加入了乙個nextpage頁面。

log.js

1

page(,
5 onload: function
(options) ,
9 onshow: function
() ,
13 onready: function
() ,
17 onhide: function
() ,
21 onunload: function
() ,
25 onpulldownrefresh: function
() ,
29 tonextpage:function
(),33 fail: function (res) ,
34 complete: function (res) ,
35})36}
37 })

(enablepulldownrefresh下拉重新整理)

1

,4 "enablepulldownrefresh": true
,5 "backgroundtextstyle": "dark"
6 }

1

點我跳轉到下乙個頁面
額外補充，當呼叫介面時，成功、失敗與完成的**函式將會這樣執行：
成功：success  ==>complete
失敗：fail  ==>complete
總結：
基本上需要注意的就是這些了，再次總結一下容易理解錯的地方：
2、當進入頁面時生命週期函式的呼叫順序
（1）先執行onload（頁面建立時執行）
（2）再執行onshow（頁面渲染在前台時執行）
（3）最後執行onready（頁面首次渲染完畢時執行）
3、點選頁面子頁面或在該頁面切後台，觸發的是onhide；子頁面返回該頁面或切回前台觸發的是onshow（可頁面週期內可多次）；
5、（未驗證）頁面生存過程中，onload只觸發一次，onready也只觸發一次，只是先後不同。
6、其他還有一些生命週期方法，需要在特定條件下執行的。比如：頁面縮放時、下拉重新整理時，就不一一枚舉了，可以從前面的官方文件中查詢到。
頁面生命週期實際上在開發中比較常用，以適應不同的功能需求，作為學習者，我們也需要多加注意這些問題，養成良好的思維習慣。
 
微信小程式與微信頁面的生命週期
onlaunch時呼叫globaldata初始化載入資料 例如 頁面初始化配置會呼叫onload方法 銷毀前只呼叫一次 當頁面顯示時配置構造器會呼叫onshow方法 當其他頁面回到這個頁面時也會呼叫onshow方法 onshow方法呼叫完頁面渲染完成之後會呼叫onready方法 銷毀前只呼叫一次 o...
微信小程式 頁面生命週期
onload 監聽頁面載入 onready 監聽頁面初次渲染完成 onshow 監聽頁面顯示 onhide 監聽頁面隱藏 onunload 監聽頁面解除安裝 page 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染完成 onready fu...
微信小程式 生命週期
從三個方面來介紹小程式的生命週期 1.應用生命週期 onlaunch 初始化小程式時觸發，全域性只觸發一次 onshow 小程式初始化完成或使用者從後台切換到前台顯示時觸發 onhide 使用者從前台切換到後台隱藏時觸發 onerror 小程式發生指令碼錯誤，或者 api 呼叫失敗時，會觸發 one...