ArtTemplate是一個高校、超快速并且可擴展的模板引擎。它可以工作于Node.js和瀏覽器端，支持靜態的HTML頁面和服務端的動態頁面。
<!DOCTYPE html>
<html>
<head>
<title>ArtTemplate Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/art-template/4.14.0/template-web.js"></script>
</head>
<body>
<div id="target"></div>
<script>
//定義數據
var data = {
title: "ArtTemplate Demo",
desc: "這是一個簡單的ArtTemplate示例"
};
//定義模板
var tpl = '<h1>{{title}}</h1><p>{{desc}}</p>';
//渲染模板
var render = template.compile(tpl);
var html = render(data);
//將渲染結果顯示在網頁上
document.getElementById('target').innerHTML = html;
</script>
</body>
</html>在上面的代碼中，我們先引入了ArtTemplate的JS文件，然后定義了數據和模板，接著用ArtTemplate的compile方法將模板編譯為可執行的函數，最后將數據傳入編譯后的函數中，得到渲染結果并將其顯示在網頁上。
ArtTemplate的語法類似于Mustache，支持if語句、each循環、變量輸出等常見功能，也支持高級功能如子模板、過濾器等，可以滿足各種場景下的需求。
下一篇css后代選擇器寫法