亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序 生命周期詳解

 更新時(shí)間:2016年10月12日 09:41:47   作者:瘋狂的貓  
這篇文章主要介紹了微信小程序 生命周期的相關(guān)資料,創(chuàng)建、到開始、暫停、喚起、停止、卸載等過程,需要的朋友可以參考下

微信小程序 生命周期

通俗的講,生命周期就是指一個(gè)對象的生老病死。 從軟件的角度來看,生命周期指程序從創(chuàng)建、到開始、暫停、喚起、停止、卸載的過程。

下面從一下三個(gè)方面介紹微信小程序的生命周期:

  1. 應(yīng)用生命周期
  2. 頁面生命周期
  3. 應(yīng)用生命周期影響頁面生命周期

》》》應(yīng)用生命周期

  1. 用戶首次打開小程序,觸發(fā) onLaunch(全局只觸發(fā)一次)。
  2. 小程序初始化完成后,觸發(fā)onShow方法,監(jiān)聽小程序顯示。
  3. 小程序從前臺(tái)進(jìn)入后臺(tái),觸發(fā) onHide方法。
  4. 小程序從后臺(tái)進(jìn)入前臺(tái)顯示,觸發(fā) onShow方法。
  5. 小程序后臺(tái)運(yùn)行一定時(shí)間,或系統(tǒng)資源占用過高,會(huì)被銷毀。

前臺(tái)、后臺(tái)定義: 當(dāng)用戶點(diǎn)擊左上角關(guān)閉,或者按了設(shè)備 Home 鍵離開微信,小程序并沒有直接銷毀,而是進(jìn)入了后臺(tái);當(dāng)再次進(jìn)入微信或再次打開小程序,又會(huì)從后臺(tái)進(jìn)入前臺(tái)。

在整理本文資料的時(shí)候,有點(diǎn)不解,為什么不把小程序監(jiān)聽『銷毀』方法開放給開發(fā)者,我猜測是因?yàn)镮OS系統(tǒng)限制『按下Home鍵時(shí),app從活動(dòng)狀態(tài)轉(zhuǎn)入后臺(tái),會(huì)被掛起』;微信也不例外,只要運(yùn)行一段時(shí)間或把微信客戶端進(jìn)程殺掉,就無法通知小程序應(yīng)用被銷毀。

》》》頁面生命周期

  1. 小程序注冊完成后,加載頁面,觸發(fā)onLoad方法。
  2. 頁面載入后觸發(fā)onShow方法,顯示頁面。
  3. 首次顯示頁面,會(huì)觸發(fā)onReady方法,渲染頁面元素和樣式,一個(gè)頁面只會(huì)調(diào)用一次。
  4. 當(dāng)小程序后臺(tái)運(yùn)行或跳轉(zhuǎn)到其他頁面時(shí),觸發(fā)onHide方法。
  5. 當(dāng)小程序有后臺(tái)進(jìn)入到前臺(tái)運(yùn)行或重新進(jìn)入頁面時(shí),觸發(fā)onShow方法。
  6. 當(dāng)使用重定向方法wx.redirectTo(OBJECT)或關(guān)閉當(dāng)前頁返回上一頁wx.navigateBack(),觸發(fā)onUnload

》》》應(yīng)用生命周期影響頁面生命周期

  1. 小程序初始化完成后,頁面首次加載觸發(fā)onLoad,只會(huì)觸發(fā)一次。
  2. 當(dāng)小程序進(jìn)入到后臺(tái),先執(zhí)行頁面onHide方法再執(zhí)行應(yīng)用onHide方法。
  3. 當(dāng)小程序從后臺(tái)進(jìn)入到前臺(tái),先執(zhí)行應(yīng)用onShow方法再執(zhí)行頁面onShow方法。

下圖是小程序從注冊到頁面加入,前后臺(tái)切換流程。

 感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

  • TypeScript獲取二叉樹的鏡像實(shí)例

    TypeScript獲取二叉樹的鏡像實(shí)例

    這篇文章主要為大家介紹了TypeScript獲取二叉樹的鏡像實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-09-09
  • Javascript實(shí)現(xiàn)的分頁函數(shù)

    Javascript實(shí)現(xiàn)的分頁函數(shù)

    Javascript實(shí)現(xiàn)的分頁函數(shù)...
    2006-12-12
  • Tree Shaking實(shí)現(xiàn)方法指南

    Tree Shaking實(shí)現(xiàn)方法指南

    這篇文章主要為大家介紹了Tree Shaking實(shí)現(xiàn)方法指南,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • JavaScript利用html5新方法操作元素類名詳解

    JavaScript利用html5新方法操作元素類名詳解

    這篇文章主要給大家分享的是JavaScript用html5新方法操作元素類名的詳解,早先JavaScript處理起來特別不方便,需要先取到class屬性,然后對字符串進(jìn)行處理?,F(xiàn)在html5給所有元素增加了classList屬性來操作類屬性,非常方便,下面就一起來看看具體操作過程吧
    2021-11-11
  • 基于JavaScript獲取base64圖片大小

    基于JavaScript獲取base64圖片大小

    這篇文章主要介紹了基于JavaScript獲取base64圖片大小,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-10-10
  • ECMAScript 6對象的擴(kuò)展實(shí)現(xiàn)示例

    ECMAScript 6對象的擴(kuò)展實(shí)現(xiàn)示例

    這篇文章主要為大家介紹了ECMAScript 6對象的擴(kuò)展實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • JavaScript中fetch方法的使用示例全面詳解

    JavaScript中fetch方法的使用示例全面詳解

    這篇文章主要為大家介紹了JavaScript中fetch方法的使用示例全面詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-06-06
  • 微信小程序 Nginx環(huán)境配置詳細(xì)介紹

    微信小程序 Nginx環(huán)境配置詳細(xì)介紹

    這篇文章主要介紹了微信小程序 Nginx環(huán)境配置詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • Three.js實(shí)現(xiàn)雪糕地球的使用示例詳解

    Three.js實(shí)現(xiàn)雪糕地球的使用示例詳解

    這篇文章主要為大家介紹了Three.js實(shí)現(xiàn)雪糕地球的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • bigScreen大屏配置選項(xiàng)無法和畫布中心的展示聯(lián)動(dòng)解決

    bigScreen大屏配置選項(xiàng)無法和畫布中心的展示聯(lián)動(dòng)解決

    這篇文章主要為大家介紹了bigScreen大屏配置選項(xiàng)無法和畫布中心的展示聯(lián)動(dòng)解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01

最新評論