歡迎您光臨本站 註冊首頁

13 款 JavaScript 模板引擎

←手機掃碼閱讀     火星人 @ 2014-03-12 , reply:0
  

JavaScript 在生成各種頁面內容時如果能結合一些模板技術,可以讓邏輯和數據之間更加清晰,本文介紹 X 款 JavaScript 的模板引擎。(排名不分先後順序)

1. Mustache

基於javascript 實現的模板引擎,類似於 Microsoft』s jQuery template plugin,但更簡單易用!

2. EasyTemplate

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

3. jSmart

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

4. Trimpath

Trimpath JavaScript 是個輕量級的,基於JavaScript的,跨瀏覽器,採用APL/GPL開放源代碼協議的,可以讓你輕鬆進行基於模板編程方式的純JS引擎。新浪的評論系統使用的就是此模板。

5. jade

Jade是受Haml的影響以JavaScript實現用於node的高性能模板引擎。

6. Hogan.js

來自 Twitter 的 JavaScript 模板引擎。

7. Handlebars

Handlebars 是一個 JavaScript 的頁面模板庫

8. doT.js

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

9. dom.js

dom.js 是一款可用在客戶端和伺服器端的 JavaScript 模板引擎

10. Plates.js

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

11. ICanHaz.js

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

12. dotpl-js

Dotpl-JS 是一個純javascript模板引擎,支持IF和FOR關鍵字,多循環銜套及欄位渲染,跨瀏覽器支持。是一個實用的javascipt工具,頁面靜態化利器!

13. EJS

EJS 可以將數據和模板合併然後生成 HTML 文本。


[火星人 ] 13 款 JavaScript 模板引擎已經有584次圍觀

http://coctec.com/docs/program/show-post-71362.html