最近学堂君的有个好朋友在咨询我们一些前端开发人员时,问道目前大家都在用的一些比较高性能的js模板引擎是哪些?
于是乎,群里的很多小伙伴都有自己的一些推荐和用法心得。
今天,25学堂的小编给各位webAPP 开发的小伙伴推荐2个目前来说,用的人数较多, 受到前端开发工程师喜爱的js模板引擎是淘宝的juicer和腾讯的artTemplate。
第一个腾讯的artTemplate
性能卓越的 js 模板引擎。artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。对 NodeJS Express 友好支持。
在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍。
官方学习文档:https://github.com/aui/artTemplate
引用的template.js就可以使用了。 整个template.js的大小比较小,才2.3K。
第二个淘宝的juicer
Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,效率和易用是它追求的目标。 除此之外,它还可以运行在 Node.js 环境中。
官网文档和下载地址:http://juicer.name/
25学堂的点评:
其实两款高性能的JS模板引擎写法语句基本差不多,只要你懂其中一个,另外一个你也会用了。腾讯的artTemplate比较简洁,性能更高效。淘宝的juicer偏原生模板一点的写法。更具完善和灵活性一点。两款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)
完整版的数据分析和对比,有兴趣的小伙伴可以点击查看:各种JS模板引擎对比数据(高性能JavaScript模板引擎)
全站高品质素材免费下载!