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

創新互聯是專業的商南網站建設公司，商南接單;提供成都網站制作、成都做網站、外貿營銷網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行商南網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

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

• 一個線程做視圖渲染.

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

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

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

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

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

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

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

此時,你已經看到了渲染好的首頁了!

如果此時,你想看下你的帥帥的或者美美的自拍照,按下了Home鍵或者點擊了右上角的退出小圓圈,此時小程序發生了什么呢?
 - 首頁加載 onLaunch—>onShow—>onLoad—>onShow—>onReady  加載完成
 - 執行退出,小程序其實是執行了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

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

分享題目：小程序中生命周期的示例分析-創新互聯
URL標題：http://www.yijiale78.com/article28/cdpcjp.html

成都網站建設公司_創新互聯，為您提供微信公眾號、定制開發、外貿建站、建站公司、動態網站、網站建設

廣告

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