這篇文章主要介紹小程序中生命周期的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)是專業(yè)的商南網(wǎng)站建設(shè)公司，商南接單;提供成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行商南網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

原因是 :  整個小程序應(yīng)用有2個線程.

• 一個線程做視圖渲染.

• 一個線程做邏輯處理.
  這樣你差不多應(yīng)該清楚了 : wxml和wxss文件主要做視圖展示,而js文件主要是做響應(yīng)事件的邏輯處理,分工明確!

其次,我們再來分析:我們使用小程序會發(fā)現(xiàn)有很多的頁面,那么誰來管理這些頁面呢?頁面和整個程序之間又是個什么樣兒的關(guān)系呢?

• [x] 一個app,有app和pages構(gòu)成,有著不同的生命周期

• app
  一個程序啟動后,執(zhí)行onLaunch—>onShow

App({
  onLaunch: function () {
  },
  onShow: function (options) {
  },
  onHide: function () {
  },
  onError: function (msg) {
  }
})

• pages
  一個程序啟動后,執(zhí)行onLaunch—>onShow后,接著加載首頁;加載首頁onLoad—>onShow—>onReady

Page({
  data: {
  },
  onLoad: function (options) {
  },
  onReady: function () {
  },
  onShow: function () {
  },
  onHide: function () {
  },
  onUnload: function () {
  },
  onPullDownRefresh: function () {
  },
  onReachBottom: function () { 
  },
  onShareAppMessage: function () {
  }
})

此時,你已經(jīng)看到了渲染好的首頁了!

如果此時,你想看下你的帥帥的或者美美的自拍照,按下了Home鍵或者點(diǎn)擊了右上角的退出小圓圈,此時小程序發(fā)生了什么呢?
 - 首頁加載 onLaunch—>onShow—>onLoad—>onShow—>onReady  加載完成
 - 執(zhí)行退出,小程序其實是執(zhí)行了onHide(page的onHide)—>onHide(app的onHide)
 如果你欣賞完自拍照后,你又想起了剛才的小程序,又感興趣想瞅瞅,咋辦呢?打開唄!打開之后,想想小程序會做什么呢?難道重新加載么?
 - NO NO NO!如果你的自拍欣賞時間不是很長,或者內(nèi)存十分足夠小程序呆一會的話,小程序只需要被喚醒一下就好嘍!^.^
 - onLaunch—>onShow—>onLoad—>onShow—>onReady—>onHide(page)—>onHide(app)這是剛才加載好首頁,又退出后的生命線,此時如果你又進(jìn)來了,那么程序?qū)@樣走:onShow(app)—>onShow(page)

這個時候,對于一個頁面的基本加載,應(yīng)該沒啥問題了吧

沒啥問題,咱就直接上進(jìn)階干貨了

1. 打開新的頁面[新頁面入棧]

• 原來頁面:onHide

• 新的頁面:onLoad—>onShow—>onReady

2. 頁面重定向[原頁面出棧,新頁面入棧]

• 原來頁面:onUnload

• 新的頁面:onLoad—>onShow—>onReady

3. 頁面返回[新頁面出棧,顯示原頁面]

• 新的頁面:onUnload

• 原來頁面:onShow

4. Tab切換

• 新的頁面:onHide

以上是“小程序中生命周期的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：小程序中生命周期的示例分析-創(chuàng)新互聯(lián)
URL標(biāo)題：http://chinadenli.net/article28/cdpcjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、定制開發(fā)、外貿(mào)建站、建站公司、動態(tài)網(wǎng)站、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)