2个高性能的JS模板引擎推荐:artTemplate和juicer

最近学堂君的有个好朋友在咨询我们一些前端开发人员时,问道目前大家都在用的一些比较高性能的js模板引擎是哪些?

于是乎,群里的很多小伙伴都有自己的一些推荐和用法心得。

今天,25学堂的小编给各位webAPP 开发的小伙伴推荐2个目前来说,用的人数较多, 受到前端开发工程师喜爱的js模板引擎是淘宝的juicer和腾讯的artTemplate。

 

第一个腾讯的artTemplate

性能卓越的 js 模板引擎。artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。对 NodeJS Express 友好支持。

在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍。

artTemplate语法

官方学习文档:https://github.com/aui/artTemplate

引用的template.js就可以使用了。 整个template.js的大小比较小,才2.3K。

 

 

第二个淘宝的juicer

Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,效率和易用是它追求的目标。 除此之外,它还可以运行在 Node.js 环境中。

juicer

官网文档和下载地址: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)

chrome测试数据

Apple safari浏览器(5.1.7(7534.57.2))

safari测试数

firefox浏览器(19.0.2)

firefox测试数据

 

完整版的数据分析和对比,有兴趣的小伙伴可以点击查看:各种JS模板引擎对比数据(高性能JavaScript模板引擎)

每天更新,
全站高品质素材免费下载!