js模板引擎


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


 


通常模版引擎


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


 



通过对各模板引擎测试结果,可以看出

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/​

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模板引擎 -- 事半功倍!​