最近學(xué)堂君的有個(gè)好朋友在咨詢我們一些前端開發(fā)人員時(shí),問道目前大家都在用的一些比較高性能的js模板引擎是哪些?
于是乎,群里的很多小伙伴都有自己的一些推薦和用法心得。
今天,25學(xué)堂的小編給各位webAPP 開發(fā)的小伙伴推薦2個(gè)目前來說,用的人數(shù)較多, 受到前端開發(fā)工程師喜愛的js模板引擎是淘寶的juicer和騰訊的artTemplate。
第一個(gè)騰訊的artTemplate
性能卓越的 js 模板引擎。artTemplate 是新一代 javascript 模板引擎,它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍,并且充分利用 javascript 引擎特性,使得其性能無論在前端還是后端都有極其出色的表現(xiàn)。對 NodeJS Express 友好支持。
在 chrome 下渲染效率測試中分別是知名引擎 Mustache 與 micro tmpl 的 25 、 32 倍。
官方學(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)境中。
官網(wǎng)文檔和下載地址:http://juicer.name/
25學(xué)堂的點(diǎn)評:
其實(shí)兩款高性能的JS模板引擎寫法語句基本差不多,只要你懂其中一個(gè),另外一個(gè)你也會(huì)用了。騰訊的artTemplate比較簡潔,性能更高效。淘寶的juicer偏原生模板一點(diǎn)的寫法。更具完善和靈活性一點(diǎn)。兩款JS模板引擎也是目前國內(nèi)前端里面使用頻率最高的。具體的取舍根據(jù)你們的自己的項(xiàng)目來定。
以上兩個(gè)的性能對比圖如下:
測試的環(huán)境:100?條數(shù)據(jù) ×?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)
完整版的數(shù)據(jù)分析和對比,有興趣的小伙伴可以點(diǎn)擊查看:各種JS模板引擎對比數(shù)據(jù)(高性能JavaScript模板引擎)
全站高品質(zhì)素材免費(fèi)下載!