這篇文章主要講解了“分析Android微信小程序開發(fā)的運行機制”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“分析Android微信小程序開發(fā)的運行機制”吧!
焉耆ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
01 我們稱微信客戶端給小程序所提供的環(huán)境為宿主環(huán)境。小程序借助宿主環(huán)境提供的能力,可以完成許多普通網頁無法完成的功能。
02 渲染層與邏輯層
wxml,wxss工作在渲染層,JS 腳本工作在邏輯層。小程序的渲染層和邏輯層分別由2個線程管理:
渲染層的界面使用了WebView 進行渲染;小程序一般會有多個頁面,所以渲染層存在多個WebView線程.
邏輯層采用JsCore線程運行JS腳本。
線程間的通信由Native(微信客戶端)做中轉.
03,程序與頁面
微信客戶端在打開小程序之前,會把整個小程序的代碼包下載到本地。
緊接著通過 app.json
的 pages
字段就可以知道你當前小程序的所有頁面路徑:
{ "pages":[ "pages/index/index", --第一個頁面 "pages/logs/logs" ]}
小程序啟動之后,在 app.js
定義的 App
實例的 onLaunch
回調會被執(zhí)行.
整個小程序只有一個 App 實例,是全部頁面共享的
接下來我們簡單看看小程序的一個頁面是怎么寫的。
你可以觀察到 pages/logs/logs
下其實是包括了4種文件的,
logs.json,logs.wxml, logs.wxss, logs.js
微信客戶端會先根據 logs.json
配置生成一個界面,頂部的顏色和文字你都可以在這個 json
文件里邊定義好。緊接著客戶端就會裝載這個頁面的 WXML
結構和 WXSS
樣式。最后客戶端會裝載 logs.js
,你可以看到 logs.js
的大體內容就是:
Page({ data: { // 參與頁面渲染的數據 logs: [] }, onLoad: function () { // 頁面渲染后 執(zhí)行 }})
Page
是一個頁面構造器,這個構造器就生成了一個頁面。在生成頁面的時候,小程序框架會把 data
數據和 index.wxml
一起渲染出最終的結構,于是就得到了你看到的小程序的樣子。
在渲染完界面之后,頁面實例就會收到一個 onLoad
的回調,你可以在這個回調處理你的邏輯。
04, 組件與API
小程序提供了豐富的組件,比如<map></map>
為了讓開發(fā)者可以很方便的調起微信提供的能力,例如獲取用戶信息、微信支付等等,小程序提供了很多 API 給開發(fā)者去使用
需要注意的是:多數 API 的回調都是異步,你需要處理好代碼邏輯的異步問題。
比如,
要獲取用戶的地理位置時,只需要:
wx.getLocation({ type: 'wgs84', success: (res) => { var latitude = res.latitude // 緯度 var longitude = res.longitude // 經度 }})
調用微信掃一掃能力,只需要:
wx.scanCode({ success: (res) => { console.log(res) }})
感謝各位的閱讀,以上就是“分析Android微信小程序開發(fā)的運行機制”的內容了,經過本文的學習后,相信大家對分析Android微信小程序開發(fā)的運行機制這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關知識點的文章,歡迎關注!
文章標題:分析Android微信小程序開發(fā)的運行機制
鏈接URL:http://chinadenli.net/article46/iphheg.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供App設計、虛擬主機、自適應網站、網站排名、品牌網站制作、微信小程序
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)