最近做了JS模板引擎测试,拿各个JS模板引擎在不同浏览器上去运行同一程序,下面是模板引擎测试数据;通过测试artTemplate、juicer与doT引擎模板整体性能要有绝对优势;
js模板引擎
引擎渲染速度竞赛
100 条数据 × 10000 次渲染测试 [isEscape:false, isCache:true]
ie8浏览器(8.0.6001.18702)
chrome浏览器(版本 26.0.1410.64 m)
Apple safari浏览器(5.1.7(7534.57.2))
firefox浏览器(19.0.2)
奇虎360浏览器(版本号6.1.0.356,内核版本:21.0.1180.89)
测试结果
通过对各模板引擎测试结果,可以看出
artTemplate,juicer与doT引擎模板整体性能要有绝对优势;
其中doT引擎模板在IE与safari浏览器表现非常优越;
tmpl模板引擎在IE中运行能完美胜出,但在其它浏览器中表现就差很多;
延伸
通过对模板引擎的熟知,不同浏览器渲染能力也不一样;渲染快的打开网页速度就快;chrome与360浏览器打开速是最快的;ie浏览器的速度是最慢;
各个模板引擎下载地址
baiduTemplate: http://baidufe.github.io/BaiduTemplate/
artTemplate: https://github.com/aui/artTemplate
juicer: http://juicer.name/或https://github.com/PaulGuo/Juicer/zipball/master#download
doT:doT source:https://github.com/olado/doT Docs:http://olado.github.com/doT/
tmpl:https://github.com/BorisMoore/jquery-tmpl
handlebars:http://handlebarsjs.com/或https://raw.github.com/wycats/handlebars.js/1.0.0-rc.4/dist/handlebars.js
easyTemplate:https://github.com/qitupstudios/easyTemplate
underscoretemplate: http://documentcloud.github.io/underscore/
相关推荐
本篇文章将深入探讨如何从零开始构建一个简单的JavaScript模板引擎,逐步改进并理解其核心原理。 首先,我们需要理解模板引擎的基本工作流程。模板引擎接受两部分输入:数据和模板。模板通常是一段包含占位符的HTML...
在“性能卓越的js模板引擎”这一主题下,我们将深入探讨新一代JavaScript模板引擎的特点、工作原理以及其在实际开发中的应用。 新一代JavaScript模板引擎如`aui-art-template`(文件名9c6b385可能指的是该模板引擎...
腾讯的js模板引擎template.js 方便ajax请求的数据进行遍历和数据绑定。
百度JS模板引擎,简称baiduTemplate,是一个由百度公司开发的JavaScript模板引擎,主要用于前端开发中数据与HTML的绑定,实现动态内容的渲染。在1.0.6版中,百度Template进行了重构,修复了定义变量的bug,并且增加...
ArtTemplate,作为一款轻量级的JavaScript模板引擎,因其高效、易用和小巧的特点,在众多项目中得到了广泛应用。本教程将深入探讨ArtTemplate的基础知识、核心功能以及实际应用,帮助开发者更好地理解和掌握这一技术...
比较简单,又小巧的js模板引擎,非常好用的。
**基于jQuery开发的JavaScript模板引擎 - jTemplates** jTemplates是一个基于jQuery的JavaScript模板引擎,它允许开发者使用HTML模板来动态渲染数据,极大地提高了Web应用的界面更新效率和用户体验。通过将数据与...
JavaScript(JS)模板引擎是一种在前端开发中广泛使用的工具,它允许开发者将数据和视图逻辑分离,使得HTML模板和JavaScript代码可以独立管理,提高代码的可读性和可维护性。这种技术通常用于动态生成HTML内容,特别...
**Mustache.js:JavaScript模板引擎详解** Mustache.js,又称为mustache,是一款轻量级且功能强大的模板引擎,专为JavaScript设计。它遵循“逻辑less”的理念,将视图和数据分离,使得代码更易于理解和维护。...
在这个只有20行的JavaScript模板引擎实例中,我们将深入理解如何实现这一功能。 首先,模板引擎的核心任务是找到模板字符串中的标识片段,即`<%...%>`,并用提供的数据对象替换这些片段。在给定的代码中,使用了一...
Template.js就是这样一个JavaScript模板引擎,它被设计用来帮助开发者快速、高效地实现动态内容的展示。 **template.js介绍** template.js是一款轻量级的JavaScript模板引擎,它提供了简洁的语法和高效的执行效率...
在网页开发中,图片轮播、JavaScript模板引擎和倒计时功能是常见的需求,它们能够增强用户体验,提高网站的互动性和吸引力。以下是对这些技术的详细介绍: ### 图片轮播 图片轮播(Image Carousel)是一种展示多张...
Template.js作为JavaScript模板引擎,具有以下优点: - **简洁的语法**:它的模板语法简单直观,易于学习和使用。 - **高效性能**:通过预编译模板为JavaScript函数,可以在运行时快速生成HTML,提高页面渲染速度。 ...
laytpl是一款颠覆性的JavaScript模板引擎,它用巧妙的实现方式,将自身的体积变得小巧玲珑,不仅性能接近极致,并且还具备传统js引擎的几乎所有功能。所有的变身魔法都由不到2KB的代码创造,laytpl视图用最轻量的...
Velocity 是基于Java的模板引擎,广泛应用在阿里集 体各个子公司。Velocity模板适用于大量模板使用的场景,支持复杂的逻辑运算,包含 基本数据类型、变量赋值和函数等功能。Velocity.js 支持 Node.js 和浏览器环境。...
### artTemplate:高性能JavaScript模板引擎 #### 一、引言 随着Web技术的不断发展,前端应用日益复杂,JavaScript作为Web开发的重要组成部分,其作用愈发凸显。不仅在浏览器端发挥着核心作用,在服务器端(如Node...
Surge.js 是新的示例,更快的 Javascript 模板引擎,语法跟 Liquid 和 Django template一样 。Surge.js 会解析 Html 模板中的 JavaScript 函数,编译的函数会被缓存。教程速度测试 V8 Javascript engine 的测试...
JavaScript模板引擎是一种在JavaScript中处理数据和HTML组合的工具,它的主要目的是将数据逻辑与页面展示分离,提高代码的可维护性和复用性。在Web开发中,它扮演着一个预处理器的角色,允许开发者编写类似于HTML的...
mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用。 本资源包含了mustache.js 、mustache.min.js包 版本号v2.2.1