首页 > 代码库 > 10 个强大的JavaScript / jQuery 模板引擎推荐

10 个强大的JavaScript / jQuery 模板引擎推荐

2024-07-06 11:05:31   226人阅读

模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档。由于在开发过程中，网站或应用程序的界面与数据实现分离，大大提升了开发效率，良好的设计也使得代码重用变得更加容易。

本文整理了10 款基于JavaScript和jQuery的模板引擎，希望能对你的开发工作带来一些帮助。 

1. NANO 

最简单的jQuery模板引擎，完美实现对JSON的解析。 



源码 / 演示 

2. The “template” binding 

该工具通过渲染模板将相关联的DOM元素组织到一起。 



源码 / 演示 

3. JsViews 

下一代的jQuery模板，交互式数据驱动视图，建立在JsRender模板的基础上。 



源码 / 演示 

4. JsRender 

针对高性能和纯字符串渲染进行了优化，无需依赖DOM和jQuery。 



源码 / 演示 

5. google-jstemplate 

针对Ajax Web应用程序的简单、强健的浏览器端模板处理工具。 



源码 / 演示 

6. The jQuery Templates Plugin 

一个jQuery模板插件，该插件的开发工作目前处于停滞状态。 



源码 / 演示 

7. jQote2 

这是jQote的第2个版本，是基于jQuery的最强大、通用的客户端模板引擎。 



源码 / 演示 

8. kite 

这是一个基于JavaScript的模板引擎。 



源码 / 演示 

9. mustache.js 

基于JavaScript的Logic-less（无逻辑或轻逻辑）模板。 



源码 / 演示 

10. Tempo 1.7 

Tempo是一个微型JSON渲染引擎，允许你使用纯HTML制作数据模板。 



源码 / 演示 

英文原文：10 JavaScript and jQuery Templates Engines

<iframe id="google_ads_frame2" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1401450170&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3760489.html&dt=1401450172516&shv=r20140520&cbv=r20140417&saldr=sb&correlator=1401450172188&frm=20&ga_vid=1304086684.1400769066&ga_sid=1401446522&ga_hid=873957012&ga_fc=1&u_tz=480&u_his=39&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=0&ady=0&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=2&xpc=kW7kGbt0Ob&p=http%3A//www.cnblogs.com&dtd=45" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame2" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame3" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1401450170&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3760489.html&dt=1401450172591&shv=r20140520&cbv=r20140417&saldr=sb&prev_slotnames=8660799060&correlator=1401450172188&frm=20&ga_vid=1304086684.1400769066&ga_sid=1401446522&ga_hid=873957012&ga_fc=1&u_tz=480&u_his=39&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=304&ady=250&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=3&xpc=mmPodxWrAE&p=http%3A//www.cnblogs.com&dtd=50" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame3" marginWidth="0" scrolling="no" hspace="0"></iframe>


联系
我们