摘要：簡單介紹模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來越受開發(fā)者關(guān)注。是新一代模板引擎，它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍，并且充分利用引擎特性，使得其性能無論在前端還是后端都有極其出色的表現(xiàn)。

javascript 模板引擎作為數(shù)據(jù)與界面分離工作中最重要一環(huán)，越來越受開發(fā)者關(guān)注。

artTemplate 是新一代 javascript 模板引擎，它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍，并且充分利用 javascript 引擎特性，使得其性能無論在前端還是后端都有極其出色的表現(xiàn)。

javascript 模板引擎基本原理

雖然每個引擎從模板語法、語法解析、變量賦值、字符串拼接的實現(xiàn)方式各有所不同，但關(guān)鍵的渲染原理仍然是動態(tài)執(zhí)行 javascript 字符串。

可看：http://cdc.tencent.com/?p=5723 基本原理的例子

1、預(yù)編譯
在一般的模板引擎實現(xiàn)原理中，因為要對模板變量進行賦值，所以每次渲染都需要動態(tài)編譯 javascript 字符串完成變量賦值。而 artTemplate 的編譯賦值過程卻是在渲染之前完成的，這種方式稱之為“預(yù)編譯”。

2、更快的字符串相加方式
很多人誤以為數(shù)組 push 方法拼接字符串會比 += 快，要知道這僅僅是 IE6-8 的瀏覽器下。實測表明現(xiàn)代瀏覽器使用 += 會比數(shù)組 push 方法快，而在 v8 引擎中，使用 += 方式比數(shù)組拼接快 4.7 倍。所以 artTemplate 根據(jù) javascript 引擎特性采用了兩種不同的字符串拼接方式。

1、引用js文件：
2、頁面中，使用一個type="text/template"的script標(biāo)簽存放模板：