首頁 > 微信小程式 > 小程式開發 > 微信小程式開發系列(三)APP的生命週期的詳解

微信小程式開發系列(三)APP的生命週期的詳解

高洛峰
發布: 2017-03-09 13:35:11
原創
1745 人瀏覽過

本文講述微信小程式開發系列(三)APP的生命週期的詳解

本系列為作者從入門開始進行詳解,適合初入門者按照系列逐步觀看學習;

##本系列為作者從入門開始進行詳解,適合初入門者按照系列逐步觀看學習;

1:微信小程式APP的生命週期方法:

在微信小程式工程中的app.js中增加如圖1所示方法

微信小程式開發系列(三)APP的生命週期的詳解

#圖1

編譯運行,查看日誌如圖2,圖3所示:微信小程式啟動時,呼叫生命週期方法為:onLaunch方法(app.js)---onShow方法(app. js)---onLoad方法(首頁:index.js的onLoad方法)

微信小程式開發系列(三)APP的生命週期的詳解

#圖2

微信小程式開發系列(三)APP的生命週期的詳解

##圖3

當將小程式置於背景(開發工具左下角有模擬後台按鈕)時,系統回呼生命週期方法:onHide

微信小程式開發系列(三)APP的生命週期的詳解

圖4


2:呼叫小程式APP層級的全域方法與變數

在app.js中可以自訂全域變數:例如加入下列程式碼

myData:{
   username : "abc123"
  },



如果想要在index.js中呼叫全域變數:username ,則如下圖5所示:先取得全域app,再透過app可以取得myData,再取得username 

微信小程式開發系列(三)APP的生命週期的詳解

圖5

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板