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

10 个强大的JavaScript / jQuery 模板引擎推荐,布布扣,bubuko.com

时间: 2024-12-27 17:38:26

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

10 款强大的JavaScript图表图形插件推荐

转自:http://www.iteye.com/news/24535 网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML.SVG和Canvas的发展也使之成为可能. 本文推荐10款强大的绘制图表图形的JavaScript插件.其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作.有些工具是独立的框架,大部分支持常

javascript/jquery模板引擎——Handlebars初体验

最近自己在建一个站,采用完全的前后端分离的方式,现在正在做前端的部分.其中有项功能是需要ajax调用后端接口,返回json数据后要动态的插入数据.但是一开始我自己是用最"传统"的通过js拼接html字符串,然后再用jq插入到页面中.比如说下面的这个例子,我要显示一个个人信息卡: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <titl

10个强大的Javascript表单验证插件推荐

创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢. 1. validate.js Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API.该库相当轻巧(不到1KB),不要求任何JavaScript框架,可以在所有主流浏览器中运行(包括IE

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

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

一个简单的 JavaScript 的模板引擎

比较简单,直接贴代码吧: (function (global) { var _version = '1.0.0', _setting = { openTag: '<#', /*逻辑代码的开始标签*/ closeTag: '#>', /*逻辑代码的结束标签*/ maskOpenTag: '<!-', /*注释的开始标签*/ maskCloseTag: '-!>' /*注释的结束标签*/ }, _templateCache = {}, _escapeHTML = function (s

给开发者10款最佳的 JavaScript 模板引擎

使用模板的想法是使生活更容易,而不必编写所有的代码,只需要更改代码的一部分就可以.像许多模板支持多种语言,JavaScript也支持使用模板引擎.它允许您创建一个代码库,您可以开始构建你需要的应用程序.这里有10个最有用的JavaScript开发者模板引擎.希望能给开发者和设计者提供一定的帮助. 1.Mustache.js Mustache 是 logic-less 模板语法,可以使用在 HTML,配置文件,源代码等等地方.它是使用哈希表或者对象提供的值来扩展模板标签. 2.CoffeeKup

推荐13款javascript模板引擎

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

Juicer 轻量级javascript模板引擎

uicer是一个javascript轻量级模板引擎. 使用方法 编译模板并根据数据立即渲染出结果 1 juicer(tpl, data); 仅编译模板暂不渲染,返回一个可重用的编译后的函数 1 var compiled_tpl = juicer(tpl); 根据给定的数据对之前编译好的模板进行渲染 1 var complied_tpl = juicer(tpl); 2 var html = complied_tpl.render(data); 注册/注销自定义函数(对象) 1 juicer.re

js模板引擎介绍搜集

js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自己的js模板引擎(淘宝的kissy template,腾讯的artTemplate,百度的baiduTemplate等),如何从这么多纷繁的模板引擎中选择一款适合自己的呢,笔者最近对主流的js模板引擎(mustache,doT,juicer,artTemplate,baiduTemplate,Handlebars,Underscore)做了一番调研,分享出来希望对大家有用. 从这几个指标来比较js模板