baiduTemplate希望創造一個用戶覺得“簡單好用”的JS模板引擎
應用場景：前端使用的模板系統 ? 或者 ?后端javascript環境發布頁面
功能概述：提供一套模板語法，用戶可以寫一個模板區域，每次根據傳入的數據，生成對應數據產生的HTML片段，渲染不同的效果。
特性：語法簡單，學習成本低，開發效率低，性價比較高（使用的是javascript原生語法），功能強大，如分隔符可以自定義多種功能。
首先肯定的要引入js代碼吧！
模板：
<script id="user=list" type="text/html">
? ? ? <%for (var i = 0;i<list.length;i++)%>
? ? ? ? ? ? ? ? ? ? <li>用戶名：<%=list[i]%></li>
? ? ? ? ?<%}%>
</script>
把數據交給模板，生成html代碼
? ? ? ? ? ?var html = baidu.template('user-liat',data);
把生成的html代碼片段賦值到div中
? ? ? ? ? ?document.querySelector('.users').innerHTML=html;
artTemplate
性能卓越支持運行時調試，安全，支持預編譯，可將模板轉換成為非常精簡的js文件，模板語法簡介，無需前綴引用數據，有簡介版本與原生語法版本可選，支持所有流行的瀏覽器。
快速上手：
編寫模板：
和baiduTemplate一樣，使用一個type="text/html"的標簽存放模板。
<script id="text/html" type="text/html">
<h1>{{title}}</h1>
<ul>
? ? ? ? ?{{each list as value i}}
? ? ? ? ? ? ? ? <li>索引 {{i + 1}} : {{ value }}</li>
? ? ? ? ? {{/each}}
</ul>
</script>
渲染模板
var data = {
? ? ? ? ? ? ? ? ? ? title:"標簽"，
? ? ? ? ? ? ? ? ? ? list:['文藝'，‘博客’，‘攝影’，‘電影’，‘民謠’]
? ? ? ? ? ? ? ? ? ? }；
var html = template('text',data);
document.getElemnetById('content').innerHTML = html;
