微信小程式 生命週期函式解析

2022-09-24 02:06:11 字數 1119 閱讀 8146

微信小程式 生命週期函式解析。小程式中 判斷當前首頁是從其他頁面返回,還是由入口開啟。

由於小程式的資料在我們退出小程式時並沒有得到釋放,因此再次點選開來資料依然沒有變成初始化

解決方法:在小程式 data 資料中宣告乙個變數 isclose 預設為 true 用於判斷 是否為從入口開啟,當點選跳轉頁面或者關閉小程式的時候,會觸發 onhide 函式在此函式中將判斷 isclose is true 的時候即為關閉之後在開啟,當跳轉頁面時首先將 isclose 設定為 false, 這樣 觸發 onhide 函式的時候,isclose is flase 並不會執行,進入跳轉的頁面,然後在由頁面進行返回這是會觸發跳轉的頁面的 onunload 函式 在此函式中 設定乙個定時器 在 200ms 之後將 isclose 改為 true 這樣當關閉小程式 再次進入的時候 iscolse 依然為true 判斷時是首次進入頁面

微信小程式的生命週期函式

1.1 監聽頁面載入

onload: function (options) {},

乙個頁面只會呼叫一次,可以在 onload 中獲取開啟當前頁面所呼叫的 query 引數。

1.2 監聽頁面初次渲染完成

onready: function () {},

乙個頁面只會呼叫一次,代表頁面已經準備妥當,可以和檢視層進行互動。

1.3 監聽頁面顯示

onshow: function () {},

每次開啟頁面都會呼叫一次。

1.3 監聽頁面隱藏

onhide: function () {},

當n**igateto或底部tab切換時呼叫。

1.4 監聽頁面解除安裝

onunload: function () {},

當redirectto或n**igateback的時候呼叫。

微信小程式的 app.js 中 獨有的 函式

2.1 監聽小程式初始化

onlaunch:function () {},

當小程式初始化完成時,會觸發 onlaunch(全域性只觸發一次)

2.2 錯誤監聽函式

onerror:function () {},

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

微信小程式 生命週期

從三個方面來介紹小程式的生命週期 1.應用生命週期 onlaunch 初始化小程式時觸發,全域性只觸發一次 onshow 小程式初始化完成或使用者從後台切換到前台顯示時觸發 onhide 使用者從前台切換到後台隱藏時觸發 onerror 小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 one...

微信小程式 生命週期

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

小程式的生命週期函式

小程式生命週期 截圖來自小程式官網 2 看文字對概念有點模糊對不對?理解概念的最好方法就是上手實際操作一遍。那麼,我們來看看當開啟乙個小程式的時候,到底是onlaunch onshow onhide哪個先呼叫以及什麼時候開始呼叫的。開啟小程式 點選右上角按鈕隱藏小程式有再次進入 3 從中我們可以知道...