各种 JS 模板引擎对比数据(高性能 JavaScript 模板引擎)

各种 JS 模板引擎对比数据(高性能 JavaScript 模板引擎)

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

js 模板引擎

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

通常模板引擎

baiduTemplate(百度)\artTemplate（腾讯）\juicer（淘宝）\doT\ tmpl\ handlebars\ easyTemplate\ underscoretemplate \ mustache \kissytemplate

各模板测试数据

引擎渲染速度竞赛

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/

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

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

相关引擎资料

浅析 js 模板引擎

高性能 JavaScript 模板引擎原理解析

在前端开发中应用 JS 模板引擎 -- 事半功倍！

转载自：http://blog.csdn.net/wuchengzhi82/article/details/8938122

程序员的基础教程：菜鸟程序员

分类: javascript,js 框架