`
itace
  • 浏览: 178384 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js模板引擎

 
阅读更多
转自:https://blog.csdn.net/wuchengzhi82/article/details/8938122

最近做了JS模板引擎测试,拿各个JS模板引擎在不同浏览器上去运行同一程序,下面是模板引擎测试数据;通过测试artTemplatejuicerdoT引擎模板整体性能要有绝对优势;

js模板引擎

JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,从而出现在各大型网站 Twitter、淘宝网、新浪浪微博、腾讯QQ空间、腾讯微博等。那么他们各自性能怎么样?请看下面。
 

通常模板引擎

 

各模板测试数据

引擎渲染速度竞赛

 

100 条数据 × 10000 次渲染测试 [isEscape:false, isCache:true]

ie8浏览器(8.0.6001.18702)

chrome浏览器(版本 26.0.1410.64 m)

chrome测试数据

Apple safari浏览器(5.1.7(7534.57.2))

safari测试数

firefox浏览器(19.0.2)

firefox测试数据

奇虎360浏览器(版本号6.1.0.356,内核版本:21.0.1180.89)

360测试数据

测试结果

js模板引擎对比数据

通过对各模板引擎测试结果,可以看出
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

doTdoT source:https://github.com/olado/doT   Docs:http://olado.github.com/doT/

tmplhttps://github.com/BorisMoore/jquery-tmpl

handlebars:http://handlebarsjs.com/或https://raw.github.com/wycats/handlebars.js/1.0.0-rc.4/dist/handlebars.js

easyTemplatehttps://github.com/qitupstudios/easyTemplate

underscoretemplate: http://documentcloud.github.io/underscore/

mustache:https://github.com/janl/mustache.js

kissytemplate:https://github.com/ktmud/kissy

分享到:
评论

相关推荐

    js模板引擎从无到有

    本篇文章将深入探讨如何从零开始构建一个简单的JavaScript模板引擎,逐步改进并理解其核心原理。 首先,我们需要理解模板引擎的基本工作流程。模板引擎接受两部分输入:数据和模板。模板通常是一段包含占位符的HTML...

    性能卓越的js模板引擎

    在“性能卓越的js模板引擎”这一主题下,我们将深入探讨新一代JavaScript模板引擎的特点、工作原理以及其在实际开发中的应用。 新一代JavaScript模板引擎如`aui-art-template`(文件名9c6b385可能指的是该模板引擎...

    JS插件 ---- 腾讯的js模板引擎template.js

    腾讯的js模板引擎template.js 方便ajax请求的数据进行遍历和数据绑定。

    百度JS模板引擎 baiduTemplate 1.0.6 版

    百度JS模板引擎,简称baiduTemplate,是一个由百度公司开发的JavaScript模板引擎,主要用于前端开发中数据与HTML的绑定,实现动态内容的渲染。在1.0.6版中,百度Template进行了重构,修复了定义变量的bug,并且增加...

    前端js模板引擎artTemplate视频教程.zip

    ArtTemplate,作为一款轻量级的JavaScript模板引擎,因其高效、易用和小巧的特点,在众多项目中得到了广泛应用。本教程将深入探讨ArtTemplate的基础知识、核心功能以及实际应用,帮助开发者更好地理解和掌握这一技术...

    简单小巧js模板引擎

    比较简单,又小巧的js模板引擎,非常好用的。

    JS 模板引擎

    JavaScript(JS)模板引擎是一种在前端开发中广泛使用的工具,它允许开发者将数据和视图逻辑分离,使得HTML模板和JavaScript代码可以独立管理,提高代码的可读性和可维护性。这种技术通常用于动态生成HTML内容,特别...

    mustache.js javascript模板引擎

    **Mustache.js:JavaScript模板引擎详解** Mustache.js,又称为mustache,是一款轻量级且功能强大的模板引擎,专为JavaScript设计。它遵循“逻辑less”的理念,将视图和数据分离,使得代码更易于理解和维护。...

    只有 20 行的 JavaScript 模板引擎实例详解

    在这个只有20行的JavaScript模板引擎实例中,我们将深入理解如何实现这一功能。 首先,模板引擎的核心任务是找到模板字符串中的标识片段,即`<%...%>`,并用提供的数据对象替换这些片段。在给定的代码中,使用了一...

    templatejs的fis编译插件一款javascript模板引擎

    Template.js就是这样一个JavaScript模板引擎,它被设计用来帮助开发者快速、高效地实现动态内容的展示。 **template.js介绍** template.js是一款轻量级的JavaScript模板引擎,它提供了简洁的语法和高效的执行效率...

    页面开发:图片轮播,js模板引擎,倒计时等功能

    在网页开发中,图片轮播、JavaScript模板引擎和倒计时功能是常见的需求,它们能够增强用户体验,提高网站的互动性和吸引力。以下是对这些技术的详细介绍: ### 图片轮播 图片轮播(Image Carousel)是一种展示多张...

    templatejs的webpakc编译loader一款javascript模板引擎

    Template.js作为JavaScript模板引擎,具有以下优点: - **简洁的语法**:它的模板语法简单直观,易于学习和使用。 - **高效性能**:通过预编译模板为JavaScript函数,可以在运行时快速生成HTML,提高页面渲染速度。 ...

    laytpl JavaScript模板引擎 V1.1

    laytpl是一款颠覆性的JavaScript模板引擎,它用巧妙的实现方式,将自身的体积变得小巧玲珑,不仅性能接近极致,并且还具备传统js引擎的几乎所有功能。所有的变身魔法都由不到2KB的代码创造,laytpl视图用最轻量的...

    基于jQuery开发的javascript模板引擎-jTemplates

    **基于jQuery开发的JavaScript模板引擎 - jTemplates** jTemplates是一个基于jQuery的JavaScript模板引擎,它允许开发者使用HTML模板来动态渲染数据,极大地提高了Web应用的界面更新效率和用户体验。通过将数据与...

    JavaScript模板引擎Velocity.js.zip

    Velocity 是基于Java的模板引擎,广泛应用在阿里集 体各个子公司。Velocity模板适用于大量模板使用的场景,支持复杂的逻辑运算,包含 基本数据类型、变量赋值和函数等功能。Velocity.js 支持 Node.js 和浏览器环境。...

    arttemplate高性能javascript模板引擎.docx

    ### artTemplate:高性能JavaScript模板引擎 #### 一、引言 随着Web技术的不断发展,前端应用日益复杂,JavaScript作为Web开发的重要组成部分,其作用愈发凸显。不仅在浏览器端发挥着核心作用,在服务器端(如Node...

    Javascript模板引擎surge.js.zip

    Surge.js 是新的示例,更快的 Javascript 模板引擎,语法跟 Liquid 和 Django template一样 。Surge.js 会解析 Html 模板中的 JavaScript 函数,编译的函数会被缓存。教程速度测试 V8 Javascript engine 的测试...

    JavaScript模板引擎原理与用法详解.docx

    JavaScript模板引擎是一种在JavaScript中处理数据和HTML组合的工具,它的主要目的是将数据逻辑与页面展示分离,提高代码的可维护性和复用性。在Web开发中,它扮演着一个预处理器的角色,允许开发者编写类似于HTML的...

    mustache.js v2.2.1强大的Javascript模板引擎

    mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用。 本资源包含了mustache.js 、mustache.min.js包 版本号v2.2.1

Global site tag (gtag.js) - Google Analytics