面試:簡述微信小程式的原理

2020-10-25 15:00:20

簡述微信小程式原理?(小程式是如何在微信APP裡執行的?)

小程式簡介

小程式是一種全新的連線使用者與服務的方式,它可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。

微信小程式採用 JavaScript、WXML、WXSS 三種技術進行開發,本質就是一個單頁面應用,所有的頁面渲染和事件處理,都在一個頁面內進行,但又可以通過微信使用者端呼叫原生的各種介面

原理:

原理上,微信 App 裡包含 javascript 執行引擎。微信 App 裡包含WXML/WXSS處理引擎,最終會把介面翻譯成系統原生的介面,並展示出來。這樣做的目的是為了提供和原生 App 效能相當的使用者體驗。

我們來說⼀下⼩程式載入運⾏的過程:
  1. 使用者點選開啟⼀個小程式微信 App 從微信伺服器下載這個⼩程式分析 app.json 得到應用程式的設定資訊(導航欄,窗⼝樣
    式,包含的頁面列表等)
  2. 載入並執行 app.js載入並顯示在 app.json ⾥設定的第⼀個頁面)
    比如開發者呼叫 wx.getLocation(OBJECT) 獲取當前地理位置,微信 App 裡的 JavaScript 引擎在執⾏這個程式碼時,會去調⽤微信 App 裡實現的原生介面來獲取地理位置座標。