微信小程式生命週期詳解

小云云
發布: 2018-01-09 13:17:32
原創
4326 人瀏覽過

本文主要介紹了微信小程式的生命週期的詳解的相關資料,希望透過本文能幫助到大家,需要的朋友可以參考下,希望能幫助到大家。

今天記錄微信小程式的app生命週期及各頁面的生命週期。

(一)小程式的生命週期

在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)


#相關推薦:

################################## ######基於asp.net MVC 應用程式的生命週期(詳解)_實用技巧#############Vue生命週期是什麼########### #React元件的生命週期函數是什麼#######

以上是微信小程式生命週期詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!