這篇文章主要介紹了微信小程序中線程架構(gòu)的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計與策劃設(shè)計,昌都網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:昌都等地區(qū)。昌都做網(wǎng)站價格咨詢:13518219792

小程序的線程架構(gòu)

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

其中app由3個文件構(gòu)成：

app.json 公共配置文件

app.wxss 公共樣式文件

app.js 主體邏輯文件

page頁面最多由4個文件構(gòu)成：

page.jason 頁面配置

page.wxml 頁面結(jié)構(gòu)

page.wxss 頁面樣式

page.js 頁面主體邏輯

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

典型的app.js代碼結(jié)構(gòu)如下：

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

典型的page.js代碼結(jié)構(gòu)如下：

Page({
 Data:{
}
 onLoad:function(){
  //頁面加載時，執(zhí)行的初始化工作
 },
 onReady:function(){
  //頁面就緒后，觸發(fā)執(zhí)行的操作
 },
 onShow:function(){
  //頁面打開時，觸發(fā)執(zhí)行的操作
 },
 onHide:function(){
  //頁面隱藏時，觸發(fā)執(zhí)行的操作
 },
 onUnload:function(){
  //頁面關(guān)閉時，觸發(fā)執(zhí)行的操作
 },
 //Events handler
  viewTap: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 
(關(guān)閉page2，返回page1...退出小程序)

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

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

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

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

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

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

感謝你能夠認真閱讀完這篇文章，希望小編分享的“微信小程序中線程架構(gòu)的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

當前題目：微信小程序中線程架構(gòu)的示例分析
本文路徑：http://m.2m8n56k.cn/article42/poocec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站維護、云服務(wù)器、搜索引擎優(yōu)化、

廣告

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