2個(gè)高性能的JS模板引擎推薦:artTemplate和juicer

最近學(xué)堂君的有個(gè)好朋友在咨詢(xún)我們一些前端開(kāi)發(fā)人員時(shí),問(wèn)道目前大家都在用的一些比較高性能的js模板引擎是哪些?

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

今天,25學(xué)堂的小編給各位webAPP 開(kāi)發(fā)的小伙伴推薦2個(gè)目前來(lái)說(shuō),用的人數(shù)較多, 受到前端開(kāi)發(fā)工程師喜愛(ài)的js模板引擎是淘寶的juicer和騰訊的artTemplate。

 

第一個(gè)騰訊的artTemplate

性能卓越的 js 模板引擎。artTemplate 是新一代 javascript 模板引擎,它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍,并且充分利用 javascript 引擎特性,使得其性能無(wú)論在前端還是后端都有極其出色的表現(xiàn)。對(duì) NodeJS Express 友好支持。

在 chrome 下渲染效率測(cè)試中分別是知名引擎 Mustache 與 micro tmpl 的 25 、 32 倍。

artTemplate語(yǔ)法

官方學(xué)習(xí)文檔:https://github.com/aui/artTemplate

引用的template.js就可以使用了。?整個(gè)template.js的大小比較小,才2.3K。

 

 

第二個(gè)淘寶的juicer

Juicer 是一個(gè)高效、輕量的前端 (Javascript) 模板引擎,效率和易用是它追求的目標(biāo)。 除此之外,它還可以運(yùn)行在 Node.js 環(huán)境中。

juicer

官網(wǎng)文檔和下載地址:http://juicer.name/

25學(xué)堂的點(diǎn)評(píng):

其實(shí)兩款高性能的JS模板引擎寫(xiě)法語(yǔ)句基本差不多,只要你懂其中一個(gè),另外一個(gè)你也會(huì)用了。騰訊的artTemplate比較簡(jiǎn)潔,性能更高效。淘寶的juicer偏原生模板一點(diǎn)的寫(xiě)法。更具完善和靈活性一點(diǎn)。兩款JS模板引擎也是目前國(guó)內(nèi)前端里面使用頻率最高的。具體的取舍根據(jù)你們的自己的項(xiàng)目來(lái)定。

 

 

以上兩個(gè)的性能對(duì)比圖如下:

測(cè)試的環(huán)境:100?條數(shù)據(jù) ×?10000?次渲染測(cè)試 [isEscape:false, isCache:true]

ie8瀏覽器(8.0.6001.18702)

chrome瀏覽器(版本 26.0.1410.64 m)

chrome測(cè)試數(shù)據(jù)

Apple safari瀏覽器(5.1.7(7534.57.2))

safari測(cè)試數(shù)

firefox瀏覽器(19.0.2)

firefox測(cè)試數(shù)據(jù)

 

完整版的數(shù)據(jù)分析和對(duì)比,有興趣的小伙伴可以點(diǎn)擊查看:各種JS模板引擎對(duì)比數(shù)據(jù)(高性能JavaScript模板引擎)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!