模板引擎是為了使用戶界面與業(yè)務(wù)數(shù)據(jù)（內(nèi)容）分離而產(chǎn)生的，它可以生成特定格式的文檔。由于在開發(fā)過程中，網(wǎng)站或應(yīng)用程序的界面與數(shù)據(jù)實(shí)現(xiàn)分離，大大提升了開發(fā)效率，良好的設(shè)計也使得代碼重用變得更加容易。

 

本文整理了10 款基于JavaScript和jQuery的模板引擎，希望能對你的開發(fā)工作帶來一些幫助。

 

1. NANO

 

最簡單的jQuery模板引擎，完美實(shí)現(xiàn)對JSON的解析。 

 

源碼 / 演示

 

2. The “template” binding

 

該工具通過渲染模板將相關(guān)聯(lián)的DOM元素組織到一起。

 

 

源碼 / 演示

 

3. JsViews

 

下一代的jQuery模板，交互式數(shù)據(jù)驅(qū)動視圖，建立在JsRender模板的基礎(chǔ)上。

 

源碼 / 演示

 

4. JsRender

 

針對高性能和純字符串渲染進(jìn)行了優(yōu)化，無需依賴DOM和jQuery。

 

源碼 / 演示

 

5. google-jstemplate

 

針對Ajax Web應(yīng)用程序的簡單、強(qiáng)健的瀏覽器端模板處理工具。

 

源碼 / 演示

 

6. The jQuery Templates Plugin

 

一個jQuery模板插件，該插件的開發(fā)工作目前處于停滯狀態(tài)。

 

源碼 / 演示

 

7. jQote2

 

這是jQote的第2個版本，是基于jQuery的最強(qiáng)大、通用的客戶端模板引擎。

 

源碼 / 演示

 

8. kite

 

這是一個基于JavaScript的模板引擎。

 

源碼 / 演示

 

9. mustache.js

 

基于JavaScript的Logic-less（無邏輯或輕邏輯）模板。

 

源碼 / 演示

 

10. Tempo 1.7

 

Tempo是一個微型JSON渲染引擎，允許你使用純HTML制作數(shù)據(jù)模板。

 

源碼 / 演示

 

英文：10 JavaScript and jQuery Templates Engines

原文鏈接：http://www.iteye.com/news/24827

【編輯推薦】

1. 分享5個最佳的JavaScript日期處理類庫
2. JavaScript表格組件加載速度測試
3. JavaScript是一門令人愉悅的語言
4. 5種JavaScript調(diào)用函數(shù)的方法
5. 10件有關(guān)JavaScript讓人費(fèi)解的事情

【責(zé)任編輯：小林 TEL：（010）68476606】