Weex 前端框架

前端技術(shù)看起來很繁榮，測試、打包、調(diào)試等工具都比較豐富，開發(fā)效率比原生開發(fā)要高很多。在大型項目中使用前端框架也是一個管理應(yīng)用好方法，這樣更方便于長期維護。

然而，Weex并不是一個前端框架。實際上，前端框架僅僅是 Weex 的語法層或稱之為 DSL (Domain-specific Language)，它們與原生渲染引擎是分離的。換句話說，Weex 并不依賴于特定的前端框架，隨著前端技術(shù)的發(fā)展，Weex 也可以集成更多廣泛使用的前端框架。

目前 Weex 主要支持 Vue.js 和 Rax 作為其內(nèi)置的前端框架。這些框架已經(jīng)集成到了 Weex SDK，你不需要在額外引入。

學習一些 Vue 和 Rax 的基礎(chǔ)知識，對使用 Weex 非常有幫助。

框架類型標記

Weex 僅在運行時（開始渲染頁面之前）才會確定頁面使用哪種 DSL，因此要在頁面代碼中標記使用的是哪種類型的前端框架。

使用注釋標記

在 Weex v0.16 以及更早的版本中，使用特定格式的注釋來標記框架類型，格式是? // { "framework": "xxx" }?，其中的 ?xxx? 指的是前端框架的名字（首字母大寫）。

注意： 注釋類型標記必須放在代碼最前面。 標記之前只能有空格或者空行，不能有其他類型的字符。

例如 Vue 框架的類型標記如下：

// { "framework": "Vue" }

Rax 框架的類型標記如下：

// { "framework": "Rax" }

使用字符串標記 0.17+

使用注釋作為框架標記不夠穩(wěn)妥，在打包過程中有可能會被移除掉，因此從 v0.17 版本開始 Weex 支持使用 ECMAScript 規(guī)范中的“指令序言”（Directive Prologue）來標記各種前端框架的類型，標記的格式是 "?use weex:xxx?";，其中的 ?xxx? 指的是前端框架的名字，兼容單引號和雙引號，字符串內(nèi)容保持小寫。

注意： 字符串類型標記必須放在所有可代碼之前。 標記之前可以有空格、空行或者注釋，但是不能有可執(zhí)行的代碼。

例如 Vue 框架的類型標記如下：

"use weex:vue";

Rax 框架的類型標記如下：

"use weex:rax";

兼容所有版本的寫法

如果你集成 Weex SDK 都在 0.17 版本之上，建議使用 "?use weex:vue?"; 作為框架類型標記。如果考慮兼容更早的版本，可以同時使用兩種類型標記。

例如 Vue 框架的類型標記如下：

// { "framework": "Vue" }
"use weex:vue";

Rax 框架的類型標記如下：

// { "framework": "Rax" }
"use weex:rax";