2.1 總體技術框架

微信小程序總體技術框架分為視圖層、邏輯層等幾個部分。視圖層負責頁面結構、樣式和數據展示，用WXML、WXSS編寫。邏輯層負責業務邏輯、調用API等，用JavaScript編寫。視圖層和邏輯層類似MVVM（Model-View-ViewModel）模式，邏輯層只需對數據對象進行更新，就可以改變視圖層的數據顯示。總體技術框架如圖2-1所示。

從圖2-1可以看出，視圖層和邏輯層分離，它們通過數據驅動、事件交互相聯系，不直接操作DOM（Document Object Model）。視圖層負責渲染頁面結構，與邏輯層通過數據和事件進行通信；邏輯層負責邏輯處理、數據請求、接口調用等，并且提供數據給視圖層。

同時，從圖2-1也可看出，視圖層對視圖使用Webview渲染，邏輯層由JSCore（iOS）、X5（Android）、nwjs（DevTool）渲染解析。JSBridge架起上層開發與Native（系統層）的橋梁，使小程序可通過API使用原生的功能，且小程序部分組件是由原生組件實現的，從而使小程序有良好的用戶體驗。

圖2-1 微信小程序總體技術框架