小程序中生命周期的示例分析

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

原因是 :  整個小程序應用有2個線程.

• 一個線程做視圖渲染.

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

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

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

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

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

沒啥問題,咱就直接上進階干貨了

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

• 原來頁面:onHide

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

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

• 原來頁面:onUnload

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

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

• 新的頁面:onUnload

• 原來頁面:onShow

4. Tab切換

• 新的頁面:onHide

以上是“小程序中生命周期的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！