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

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

本文整理了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

时间： 2024-09-20 00:44:00

10 个强大的JavaScript / jQuery 模板引擎推荐的相关文章

自己写的一个jquery模板引擎(json比较好用)

还是一个未完成的项目,缺乏对if等的支持,希望大家能提供一下参考的意见,让我把它 写完 js代码部分 1 /// <reference path="jquery-1.3.2-vsdoc.js" /> 2 var json = { "result": "success", "total": 3, "page": 1, "rows": [{ "QuestionID&qu

asp.net使用jquery模板引擎jtemplates呈现表格

这篇文章主要介绍了asp.net使用jquery模板引擎jtemplates呈现表格的示例,大家参考使用吧 在Asp.net MVC 中,使得我们能够更加自由控制我们所想显示HTML.通常情况下,都要做一下数据列表.那么我们可以手动去拼一个表格出来,但这样有时对于复杂的表格说,那就JS代码比较复杂了.我们可以借助JS下的模板引擎,来实现这一功能.下面要介绍就是JTemplates,它也是基于Jquery的.  代码如下: <%@ Page Language="C#" Inheri

asp.net使用jquery模板引擎jtemplates呈现表格_实用技巧

在Asp.net MVC 中,使得我们能够更加自由控制我们所想显示HTML.通常情况下,都要做一下数据列表.那么我们可以手动去拼一个表格出来,但这样有时对于复杂的表格说,那就JS代码比较复杂了.我们可以借助JS下的模板引擎,来实现这一功能.下面要介绍就是JTemplates,它也是基于Jquery的. 复制代码 代码如下: <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %><!D

10款强大的JavaScript图表图形插件分离

本文推荐10款强大的绘制图表图形的JavaScript插件.其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作.有些工具是独立的框架,大部分支持常规的功能:条形图.线形图.饼形图,有的还可以生成更复杂的图表:关联图.维恩图.热区图.Newick树图.二维散点图.二维气泡图.三维散点图. 1. Humble Finance 这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似.基于JavaScript,利用了Prototype 和 Flo

详解JavaScript高性能模板引擎artTemplate原理

随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,与此同时 javascript MVC 思想也开始流行起来.javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,近一年来在开源社区中更是百花齐放,在 Twitter.淘宝网.新浪微博.腾讯QQ空间.腾讯微博等大型网站中均能看到它们的身影. 本文将用最简单的示例代码描述现有的 javascript 模板引擎

javascript轻量级模板引擎juicer使用指南_javascript技巧

使用方法 编译模板并根据数据立即渲染出结果 juicer(tpl, data); 仅编译模板暂不渲染,返回一个可重用的编译后的函数 var compiled_tpl = juicer(tpl); 根据给定的数据对之前编译好的模板进行渲染 var complied_tpl = juicer(tpl); var html = complied_tpl.render(data); 注册/注销自定义函数(对象) juicer.register('function_name', function); ju

Top 10：HTML5、JavaScript 3D游戏引擎和框架

由于很多人都在用JavaScript.HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题.基于浏览器的游戏最棒的地方是平台独立,它们能在iOS.Android.Windows或其他任何平台上运行. 有很多的JavaScript能够用于创建基于浏览器.使用HTML5和WebGL的3D游戏.然后,选择一个合适的游戏引擎是一个不小的挑战,它有时能帮你完成项目或突破项目瓶颈. 为了让你的选择变的容易,我们已经通过分析大多数JavaScript 3D游

推荐13款javascript模板引擎

javaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎.(排名不分先后顺序) 1. Mustache 基于javascript 实现的模板引擎,类似于 Microsoft's jQuery template plugin,但更简单易用! 2. EasyTemplate 在使用过Freemarker模 板后,感觉它的 语法比较朴实,平易近人,容易上手,于是决定按它的语法风格实现一个前端的 模板引擎,这就有了

13 款 JavaScript 模板引擎

JavaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎.(排名不分先后顺序) 1. Mustache 基于javascript 实现的模板引擎,类似于 Microsoft's jQuery template plugin,但更简单易用! 2. EasyTemplate 在使用过Freemarker模板后,感觉它的 语法比较朴实,平易近人,容易上手,于是决定按它的语法风格实现一个前端的 模板引擎,这就有了下