微信小程式的生命週期的詳解

2022-09-27 09:21:14 字數 803 閱讀 7931

今天記錄一下微信小程式的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 生命週期函式 監聽小程式顯示 當小程式啟動,或從後台進入前台顯...