Taro 框架實現原理

小程序 H5 RN Web 多端框架

Taro 1.x & Taro 2.x

編譯型架構, 語法編譯轉換

Taro 1/2 屬於編譯型架構，主要通過對類 React 代碼進行語法編譯轉換的方式，得到各個端可以運行的代碼，再配合非常輕量的運行時適配，以及根據標准組件庫、API 進行差異抹平，從而實現多端適配的目的;

Taro 1/2 整體架構圖

Taro 1 與 Taro 2 的都是基於這種架構建立的方案, 主要區別:

Taro 1 在小程序端是自建構建體系；
Taro 2 則是所有端都采用 Webpack 進行編譯，可以降低 Taro 自身編譯系統的復雜度，同時能夠讓開發者使用 Webpack 的生態來自定義編譯過程和結果;
可以認為 Taro 2 是 Taro 1 和 3 之間的一個過渡性版本

Taro 3.x

解釋型架構, 小程序端模擬實現 DOM、BOM AP

Taro 3 則可以大致理解為解釋型架構（相對於 Taro 1/2 而言），主要通過在小程序端模擬實現 DOM、BOM API 來讓前端框架直接運行在小程序環境中，從而達到小程序和 H5 統一的目的;
而對於生命周期、組件庫、API、路由等差異，我們依然可以通過定義統一標准，各端負責各自實現的方式來進行抹平;

Taro 3 中同時支持 React、Vue 等框架，甚至還支持了 jQuery，在不久的將來我們還能支持讓開發自定義地去拓展其他框架的支持，如 Angular ;