本文關(guān)鍵詞：模板引擎，由筆耕文化傳播整理發(fā)布。

JavaScript 在生成各種頁(yè)面內(nèi)容時(shí)如果能結(jié)合一些模板技術(shù)，可以讓邏輯和數(shù)據(jù)之間更加清晰，本文介紹 X 款 JavaScript 的模板引擎。（排名不分先后順序）

1. Mustache

基于javascript 實(shí)現(xiàn)的模板引擎,類似于 Microsoft’s jQuery template plugin,但更簡(jiǎn)單易用!

2. EasyTemplate

在使用過Freemarker模板后，感覺它的 語(yǔ)法比較樸實(shí)，，平易近人，容易上手，于是決定按它的語(yǔ)法風(fēng)格實(shí)現(xiàn)一個(gè)前端的 模板引擎，這就有了下面的EasyTemplate! EasyTemplate模板的函數(shù)大小為1.34k（未壓縮），暫時(shí)只實(shí)現(xiàn)了 list，list index，if elseif else等功能，應(yīng)該可以滿足大部分的使用需求了。 EasyTemplate模板 引擎的解析速度測(cè)試，渲染1000行數(shù)據(jù)，在不同的瀏覽器中，平均速度大約在30豪秒以內(nèi)（測(cè)試機(jī)器性能較弱）。

3. jSmart

jSmart 是著名的 PHP 模板引擎 Smarty 的 JavaScript 移植版本。

4. Trimpath

Trimpath JavaScript 是個(gè)輕量級(jí)的，基于JavaScript的，跨瀏覽器，采用APL/GPL開放源代碼協(xié)議的，可以讓你輕松進(jìn)行基于模板編程方式的純JS引擎。新浪的評(píng)論系統(tǒng)使用的就是此模板。

5. jade

Jade是受Haml的影響以JavaScript實(shí)現(xiàn)用于node的高性能模板引擎。

6. Hogan.js

來自 Twitter 的 JavaScript 模板引擎。

7. Handlebars

Handlebars 是一個(gè) JavaScript 的頁(yè)面模板庫(kù)

8. doT.js

doT.js 包含為瀏覽器和Node.js 準(zhǔn)備的 JavaScript 模板引擎。

9. dom.js

dom.js 是一款可用在客戶端和服務(wù)器端的 JavaScript 模板引擎

10. Plates.js

Plates.js 是一個(gè)輕量級(jí)、無(wú)邏輯、DSL 的 JavaScript 模板引擎。

11. ICanHaz.js

ICanHaz.js 是一個(gè)簡(jiǎn)單而且功能強(qiáng)大的客戶端的 JavaScript 模板引擎。

12. dotpl-js

Dotpl-JS 是一個(gè)純javascript模板引擎,支持IF和FOR關(guān)鍵字，多循環(huán)銜套及字段渲染，跨瀏覽器支持。是一個(gè)實(shí)用的javascipt工具,頁(yè)面靜態(tài)化利器!

13. EJS

EJS 可以將數(shù)據(jù)和模板合并然后生成 HTML 文本。

  本文關(guān)鍵詞：模板引擎，由筆耕文化傳播整理發(fā)布。