今天記錄一下微信小程式的app生命週期及各頁面的生命週期。
(一)小程式的pwqezjam生命週期
在app.json中進行監聽,三個方法
①onlauch方法只在小程式啟動時觸發一次。
②onshow方法,在小程式程式設計客棧啟動時,及由後台切換至前台顯示時觸發。
③onhide方法,在小程式由前台顯示切換至後台時觸發。
可以通過 ↓ 這張,感受一下各生命週期。
比較有趣的地方是,小程式啟動時會觸發兩次onshow,我不知道是為什麼。希望了解的同學解釋一下。
(二)頁面的生命週期
1.在index中我新增了兩種方式跳轉到新增的crab頁面 ↓ 在這裡簡單介紹一下
①在index.wxml檔案中通過在標籤中新增url實現跳轉
②將button繫結到index.js中的方法實現跳轉,此處我將方法命名為turncrabfunction,並在index.js中實現該方法。
2.下面介紹crab.js中的各生命週期
↓圖為該檔案部分**,使用console.log進行列印,方便我們進行觀察各生命週期程式設計客棧。(各函式後面注釋對應功能說明。)
其中,onsomefunction是我隨意命名的,其他方法均有固定名字及含義。
3.在index介面,我們選擇任意一種方式進入crab介面。↓圖進行詳細說明
(如果無法實現下拉重新整理,請檢查app.json中window引數,或檢查當前頁面的crab.json檔案是否覆蓋該引數為false)
本文標題: 微信小程式的生命週期的詳解
本文位址: /ruanjian/j**a/207390.html
微信小程式 生命週期
從三個方面來介紹小程式的生命週期 1.應用生命週期 onlaunch 初始化小程式時觸發,全域性只觸發一次 onshow 小程式初始化完成或使用者從後台切換到前台顯示時觸發 onhide 使用者從前台切換到後台隱藏時觸發 onerror 小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 one...
微信小程式 生命週期
生命週期 1.小程式註冊完成後,載入頁面,觸發onload方法。切記,onshow和onload的區別,onshow是每當進入這個頁面時就會觸發,而onload是載入進來時才觸發 2.頁面載入後觸發onshow方法,顯示頁面。3.首次顯示頁面,會觸發onready方法,渲染頁面元素和樣式,乙個頁面只...
微信小程式 生命週期方法詳解
生命週期是指乙個小程式從建立到銷毀的一系列過程 先來看一張小程式專案結構 以下是各個生命週期方法作用和描述 onlaunch 生命週期函式 監聽小程式初始化 當小程式初始化完成時,會觸發 onlaunch 全域性只觸發一次 onshow 生命週期函式 監聽小程式顯示 當小程式啟動,或從後台進入前台顯...