微信小程式 生命週期

2022-09-10 04:06:13 字數 1338 閱讀 8515

從三個方面來介紹小程式的生命週期

1.應用生命週期

onlaunch: 初始化小程式時觸發,全域性只觸發一次

onshow: 小程式初始化完成或使用者從後台切換到前台顯示時觸發

onhide: 使用者從前台切換到後台隱藏時觸發

onerror: 小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 onerror 並帶上錯誤資訊

2.頁面生命週期

onload:首次進入頁面載入時觸發,可以在 onload 的引數中獲取開啟當前頁面路徑中的引數。

onshow:載入完成後、後台切到前台或重新進入頁面時觸發

onready:頁面首次渲染完成時觸發

onhide:從前台切到後台或進入其他頁面觸發

onunload:頁面解除安裝時觸發

//

index.js

page(,

onload:

function

(options) ,

onshow:

function

() ,

onready:

function

() ,

onhide:

function

() ,

onunload:

function

() ,

onpulldownrefresh:

function

() ,

onreachbottom:

function

() ,

function

() ,

onpagescroll:

function

() ,

onresize:

function

() ,

ontabitemtap(item) ,

//event handler.

viewtap: function

() ,

function

() )

},customdata:

})

3.應用與頁面生命週期觸發順序

首次進入小程式會先觸發應用生命週期中onlaunch方法和onshow方法,其次觸發頁面生命週期中onload、onshow和onready方法。

前台切換到後台時,先觸發頁面生命週期中onhide方法,再觸發應用生命週期的onhide方法。

後台切換到前台時,先觸發應用生命週期中onshow方法,再觸發頁面生命週期的onshow方法

微信小程式 生命週期

生命週期 1.小程式註冊完成後,載入頁面,觸發onload方法。切記,onshow和onload的區別,onshow是每當進入這個頁面時就會觸發,而onload是載入進來時才觸發 2.頁面載入後觸發onshow方法,顯示頁面。3.首次顯示頁面,會觸發onready方法,渲染頁面元素和樣式,乙個頁面只...

微信小程式元件生命週期

1.a頁面點選跳轉到b頁面,在b頁面操作後a頁面應該發生變化,但是實際上我們點選返回的時候我們發現並沒有重新整理,通過小程式的生命週期函式由onload 頁面載入 onready 頁面初次渲染完成 onshow 頁面顯示 onhide 頁面隱藏 onunload 頁面解除安裝 五個週期構成。問題 如...

微信小程式 頁面生命週期

onload 監聽頁面載入 onready 監聽頁面初次渲染完成 onshow 監聽頁面顯示 onhide 監聽頁面隱藏 onunload 監聽頁面解除安裝 page 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染完成 onready fu...