国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序的全局生命周期和頁面生命周期

這篇具有很好參考價值的文章主要介紹了微信小程序的全局生命周期和頁面生命周期。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

????????生命周期是指一個程序或者軟件從創(chuàng)建、到開始、暫停、喚起、停止、卸載的過程,由于微信小程序分為全局和頁面兩部分,所有從這兩部分來講解微信小程序的生命周期

1、全局生命周期

? ? ? ? ? ?全局生命周期指的是使用App() 函數(shù)注冊一個小程序,接受一個object參數(shù),其指定小程序的生命周期回調(diào)等。

App() 必須在?app.js?中調(diào)用,必須調(diào)用且只能調(diào)用一次。不然會出現(xiàn)無法預(yù)期的后果

(1)onLaunch(Object object):生命周期回調(diào)——監(jiān)聽小程序初始化,全局只觸發(fā)一次;

?????????參數(shù):與?wx.getLaunchOptionsSync?一致;

(2)onShow(Object object):生命周期回調(diào)——小程序啟動,或從后臺進(jìn)入前臺顯示時觸發(fā);

?????????參數(shù):與?wx.onAppShow?一致;

(3)onHide():小程序從前臺進(jìn)入后臺時觸發(fā);

(4)onError(String error):生命周期回調(diào)——小程序發(fā)生腳本錯誤或 API 調(diào)用報錯時觸發(fā);

????????參數(shù):與?wx.onError?一致

以下回調(diào)函數(shù)從高版本開始支持,低版本需做兼容處理,了解基本功能即可。

(5)onPageNotFound(Object object):小程序要打開的頁面不存在時觸發(fā);

(6)onUnhandledRejection(Object object):小程序有未處理的 Promise 拒絕時觸發(fā);

(7)onThemeChange(Object object):系統(tǒng)切換主題時觸發(fā)。

小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序?

// app.js  App() 必須在 app.js 中調(diào)用,必須調(diào)用且只能調(diào)用一次。不然會出現(xiàn)無法預(yù)期的后果
App({
  onLaunch (options) {
    console.log(options);
  },
  onShow (options) {
    console.log(options);
  },
  onHide () {
    console.log();
  },
  onError (msg) {
    console.log(msg)
  },
})

2、頁面生命周期

? ? ? ? 使用Page(Object object)函數(shù)注冊小程序中的一個頁面。接受一個?Object?類型參數(shù),其指定頁面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。

(1)onLoad(Object query):頁面加載時觸發(fā)。一個頁面只會調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù);

????????參數(shù):

名稱 類型 說明
query Object 打開當(dāng)前頁面路徑中的參數(shù)

(2)onShow():頁面顯示/切入前臺時觸發(fā);

(3)onReady():頁面初次渲染完成時觸發(fā)。一個頁面只會調(diào)用一次,代表頁面已經(jīng)準(zhǔn)備妥當(dāng),可以和視圖層進(jìn)行交互;

(4)onHide():頁面隱藏/切入后臺時觸發(fā)。 如底部?tab?切換到其他頁面,小程序切入后臺等;

(5)onUnload():頁面卸載時觸發(fā)。如wx.redirectTo或wx.navigateBack到其他頁面時。

(6)onPullDownRefresh():監(jiān)聽用戶下拉刷新事件。

  • 需要在app.json的window選項中或頁面配置中開啟enablePullDownRefresh。
  • 可以通過wx.startPullDownRefresh觸發(fā)下拉刷新,調(diào)用后觸發(fā)下拉刷新動畫,效果與用戶手動下拉刷新一致。
  • 當(dāng)處理完數(shù)據(jù)刷新后,wx.stopPullDownRefresh可以停止當(dāng)前頁面的下拉刷新。

(7)onReachBottom():監(jiān)聽用戶上拉觸底事件。

(8)onPageScroll(Object object):監(jiān)聽用戶滑動頁面事件。

(9)onAddToFavorites(Object object):監(jiān)聽用戶點擊右上角菜單“收藏”按鈕的行為,并自定義收藏內(nèi)容。

(10)onShareAppMessage(Object object):監(jiān)聽用戶點擊頁面內(nèi)轉(zhuǎn)發(fā)按鈕(button?組件?open-type="share")或右上角菜單“轉(zhuǎn)發(fā)”按鈕的行為,并自定義轉(zhuǎn)發(fā)內(nèi)容

(11)onShareTimeline():監(jiān)聽右上角菜單“分享到朋友圈”按鈕的行為,并自定義分享內(nèi)容。

小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序

?文章來源地址http://www.zghlxwxcb.cn/news/detail-601702.html

// 頁面生命周期
  onLoad(){
    console.log("onLoad-------生命周期回調(diào)—監(jiān)聽頁面加載【請求頁面初始化數(shù)據(jù)】");
  },
  onShow(){
    console.log("onShow-------生命周期回調(diào)—監(jiān)聽頁面顯示");
  },
  onReady(){
    console.log("onReady-------生命周期回調(diào)—監(jiān)聽頁面初次渲染完成");
  },
  onHide(){
    console.log("onHide--------生命周期回調(diào)—監(jiān)聽頁面隱藏");
  },
  onUnload(){
    console.log("onUnload-----------生命周期回調(diào)—監(jiān)聽頁面卸載");
  },
  onPullDownRefresh(){
    console.log("onPullDownRefresh-----監(jiān)聽用戶下拉動作");
  },
  onReachBottom(){
    console.log("onReachBottom-------頁面上拉觸底事件的處理函數(shù)");
  },
  onShareAppMessage(){
    console.log("onShareAppMessage---------用戶點擊右上角轉(zhuǎn)發(fā)");
  },
  onShareTimeline(){
    console.log("onShareTimeline-----------用戶點擊右上角轉(zhuǎn)發(fā)到朋友圈");
  },
  onAddToFavorites(){
    console.log("onAddToFavorites----------用戶點擊右上角收藏");
  },
  onPageScroll(){
    console.log("onPageScroll-----------頁面滾動觸發(fā)事件的處理函數(shù)");
  },
  onTabItemTap(){
    console.log("onTabItemTap-----------當(dāng)前是 tab 頁時,點擊 tab 時觸發(fā)");
  }

3、全局生命周期以及頁面生命周期的觸發(fā)順序

小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序

1、首次進(jìn)入小程序,全局生命周期加載

?小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序

?2、頁面生命周期加載

小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序

?小程序頁面生命周期,前端,前端,javascript,開發(fā)語言,微信小程序

?

到了這里,關(guān)于微信小程序的全局生命周期和頁面生命周期的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 【微信小程序】6天精準(zhǔn)入門(第2天:小程序的視圖層、邏輯層、事件系統(tǒng)及頁面生命周期)

    【微信小程序】6天精準(zhǔn)入門(第2天:小程序的視圖層、邏輯層、事件系統(tǒng)及頁面生命周期)

    框架的視圖層由 WXML 與 WXSS 編寫, 由組件來進(jìn)行展示 。 將 邏輯層的數(shù)據(jù)反映成視圖 ,同時將 視圖層的事件發(fā)送給邏輯層 。 WXML (WeiXin Markup language) 用于描述頁面的結(jié)構(gòu)。 WXS (WeiXin Script) 是小程序的一套腳本語言,結(jié)合 WXML ,可以構(gòu)建出 頁面的結(jié)構(gòu) 。 WXSS (WeiXin Style Sheet)

    2024年02月08日
    瀏覽(40)
  • 微信小程序:uni-app頁面Page和組件Component生命周期執(zhí)行的先后順序

    文檔 頁面生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle 組件生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#componentlifecycle 經(jīng)測試,得出結(jié)論: H5和微信小程序的生命周期函數(shù)調(diào)用順序不一致 一般情況下,主要使用的周期函數(shù)如下,他們的執(zhí)行順序是固定的 頁面 組件

    2024年02月08日
    瀏覽(37)
  • 微信小程序 生命周期

    在小程序中,生命周期分為兩類 應(yīng)用生命周期 指小程序從啟動-運行-銷毀的過程 頁面生命周期 特指小程序頁面的加載-渲染-銷毀的過程 生命周期函數(shù)是由小程序框架提供的內(nèi)置函數(shù),會自動按次序執(zhí)行,生命周期函數(shù)允許程序員在特定的時間點執(zhí)行某些特定的操作,比如,

    2024年02月13日
    瀏覽(27)
  • 微信小程序 —— 生命周期

    小程序的生命周期,寫在對象中。 全局 == 放在 app.js 中的 App({})中;單個頁面 == 放在對應(yīng) js 文件中的 Page({})。 ??注意:App({})必須在全局的app.js中調(diào)用,必須調(diào)用且只能調(diào)用一次。 onLaunch? —— 小程序初始化時觸發(fā),只觸發(fā)一次(重新加載即觸發(fā)) onShow —— 頁面顯示時

    2024年01月17日
    瀏覽(19)
  • 微信小程序——生命周期

    微信小程序有以下幾個生命周期函數(shù): onLaunch :小程序初始化時觸發(fā),只會執(zhí)行一次??梢栽诖撕瘮?shù)中進(jìn)行全局的初始化操作。 onShow :小程序啟動或從后臺進(jìn)入前臺顯示時觸發(fā)??梢栽诖撕瘮?shù)中執(zhí)行需要在小程序顯示時進(jìn)行的邏輯操作。 onHide :小程序從前臺進(jìn)入后臺時觸

    2024年02月09日
    瀏覽(42)
  • 微信小程序生命周期

    必須在 app.js 中調(diào)用,必須調(diào)用且只能調(diào)用一次。 onLaunch : 小程序初始化完成時觸發(fā),全局只觸發(fā)一次。 云開發(fā)的初始化 方便其他頁面直接調(diào)用云開發(fā)的SDK 發(fā)送請求獲取用戶的個人信息 方便其他頁面使用 獲取本地存儲數(shù)據(jù) 方便其他頁面使用 onShow :小程序啟動或切前臺顯

    2023年04月16日
    瀏覽(25)
  • 微信小程序的生命周期

    微信小程序的生命周期

    生命周期(Life Cycle)是指一個對象從創(chuàng)建 - 運行 - 銷毀的整個階段,強調(diào)的是一個時間段。 我們可以把每個小程序運行的過程,也概括為生命周期: 小程序的啟動,表示 生命周期的開始 小程序的關(guān)閉,表示 生命周期的結(jié)束 在小程序中,生命周期分為兩類,分別是: ①應(yīng)

    2024年02月03日
    瀏覽(29)
  • 微信小程序的組件的生命周期

    微信小程序的組件的生命周期

    小程序組件可用的全部生命周期如下表所示。 在小程序組件中,最重要的生命周期函數(shù)有 3 個,分別是 created、attached、detached。它們各自的特點如下: 1 組件實例剛被創(chuàng)建好的時候,created 生命周期函數(shù)會被觸發(fā) 此時還不能調(diào)用 setData 通常在這個生命周期函數(shù)中,只應(yīng)該用于

    2024年02月09日
    瀏覽(26)
  • 微信小程序運行機制和生命周期

    微信小程序運行機制和生命周期

    一. 運行機制 首先了解下小程序的運行機制,小程序從啟動到最終被銷毀,會經(jīng)歷很多不同的狀態(tài),小程序在不同狀態(tài)下會有不同的表現(xiàn)。大致運行機制如下圖。 小程序生命周期圖 接下來我們是圖中概念講解,項目中也會經(jīng)常遇到。 1)小程序的啟動 通常來說,小程序啟動

    2024年02月13日
    瀏覽(25)
  • 關(guān)于微信小程序的生命周期

    關(guān)于微信小程序的生命周期?onLaunch? 官網(wǎng)App.vue/App.uvue | uni-app官網(wǎng) 問題描述: 我現(xiàn)在有個小程序 取名為a?? 有個用戶b 從來沒有打開過小程序 那么他第一次打開小程序的時候會觸發(fā)onLaunch?? 然后用戶b退出了小程序 那么用戶 b重新打開小程序的時候會觸發(fā) onLaunch嗎 在微信小

    2024年02月09日
    瀏覽(19)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包