小程序的線程架構

每個小程序包含一個描述整體程序的app實例和多個描述頁面的page。

其中app由3個文件構成：

app.json 公共配置文件

app.wxss 公共樣式文件

app.js 主體邏輯文件

page頁面最多由4個文件構成：

page.jason 頁面配置

page.wxml 頁面結構

page.wxss 頁面樣式

page.js 頁面主體邏輯

app.js和page.js中包含小程序在生命周期的每個階段相應的事件。

典型的app.js代碼結構如下：

App({onLaunch:function(){//小程序啟動時執(zhí)行的初始化工作 },onShow:function(){//程序啟動或從后臺進入前臺時，觸發(fā)執(zhí)行的操作 },onHide:function(){//程序從前臺進入后臺時，觸發(fā)執(zhí)行的操作 }, globalConf:{indexDate:'',matchData:'' }, dataCache:{}, globalData:'' })

典型的page.js代碼結構如下：

Page({Data:{}onLoad:function(){//頁面加載時，執(zhí)行的初始化工作 },onReady:function(){//頁面就緒后，觸發(fā)執(zhí)行的操作 },onShow:function(){//頁面打開時，觸發(fā)執(zhí)行的操作 },onHide:function(){//頁面隱藏時，觸發(fā)執(zhí)行的操作 },onUnload:function(){//頁面關閉時，觸發(fā)執(zhí)行的操作 },//Events handlerviewTap:function(){this.setData({text:'set some data for updating view.'}) } })

?一個完整的小程序執(zhí)行的過程或生命周期如下：

app.onLaunch-->app.onShow-->page1.onLoad-->page1.onShow-->page1.onReady(打開程序，第一個頁面page1加載完成)-->page1.onHide-->page2.onLoad-->page2.onShow-->page2.onReady (從第1個頁面打開第2個頁面)-->page2.onUnload-->page1.onShow-->...-->app.onUnload (關閉page2，返回page1...退出小程序)

?

一個page的生命周期開始于onLoad事件，在整個生命周期內onLoad、onReady、onUnload這三個事件各執(zhí)行一次，onHide和onShow事件在每次頁面隱藏和顯示時都會觸發(fā)。

當用戶手動觸發(fā)小程序的退出箭頭時，小程序僅觸發(fā)app.Hide，下次進入小程序時會觸發(fā)app.onShow以及當前頁的page.onShow。僅當小程序在后臺運行超過一定時間未被喚起、或者用戶手動在小程序的控制欄里點擊退出程序、或者小程序內存占用過大被系統(tǒng)關閉時，小程序將被銷毀，會觸發(fā)app.onUnload事件。

每個小程序分為2個線程，view與appServer。

? view 線程 ?	appServer線程
.wxml + wxss ? ios:safari Android:X5瀏覽器 開發(fā)工具：chrome	.js ? ios:JavaScriptCore Android:X5內核 開發(fā)工具：nwjs

?

view線程負責解析渲染頁面（wxml和wxss文件）。

appServer線程負責運行js。appServer線程運行在jsCore（安卓下運行在X5中，開發(fā)工具運行在nwjs中）。由于js不跑在WebView里，就不能直接操縱DOM和BOM，這就是小程序沒有window全局變量的原因。

?

轉載于:https://www.cnblogs.com/idreamo/p/10853965.html

總結

以上是生活随笔為你收集整理的微信小程序的线程架构的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。