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

1.?Mustache

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

2.?EasyTemplate

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

3.?jSmart

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

4.?Trimpath

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

5.?jade

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

6.?Hogan.js

來自 Twitter 的 JavaScript 模板引擎。

7.?Handlebars

Handlebars 是一個 JavaScript 的頁面模板庫

8.?doT.js

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

9.?dom.js

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

10.?Plates.js

Plates.js 是一個輕量級、無邏輯、DSL 的 JavaScript 模板引擎。

11.?ICanHaz.js

ICanHaz.js 是一個簡單而且功能強大的客戶端的 JavaScript 模板引擎。

12.?dotpl-js

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

13.?EJS

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

轉(zhuǎn)載于:https://www.cnblogs.com/chu888chu888/archive/2012/04/15/2448998.html

總結(jié)

以上是生活随笔為你收集整理的13 款 JavaScript 模板引擎的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。