常用的JavaScript模板引擎介绍
最近工作内容慢慢接近我的理想化（web前端），所以关注比较多的是前端性能！后台同事介绍使用ajax模板引擎，提高渲染速度！
下面介绍几款JavaScript模板引擎
1.Mustache
基于javascript实现的模板引擎,类似于Microsoft'sjQuerytemplateplugin,但更简单易用!
2.doT.js
doT.js包含为浏览器和Node.js准备的JavaScript模板引擎。
3.jSmart
jSmart是著名的PHP模板引擎Smarty的JavaScript移植版本。
4.dom.js
dom.js是一款可用在客户端和服务器端的JavaScript模板引擎
5.jade
Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。
6.Hogan.js
来自Twitter的JavaScript模板引擎。
7.Handlebars
Handlebars是一个JavaScript的页面模板库
8.artTemplate
artTemplate是新一代javascript模板引擎，它在v8中的渲染效率可接近javascript性能极限，在chrome下渲染效率测试中分别是知名引擎Mustache与microtmpl的25、32倍。引擎支持调试。若渲染中遇到错误，调试器可精确定位到产生异常的模板语句，解决前端模板难以调试的问题。
独有模板编译工具，它能把前端模板编译成不依赖模板引擎运行的JS文件，让前端模板可以突破浏览器的限制，实现像后端模板一样按文件与目录的方式组织、按需加载、include嵌套等。这一切都在2kb(gzip)中实现！
也许你会觉得这个插件名似曾相识，没错！这个也是artDialog的作者糖饼
博客地址：http://www.planeart.cn/
引用引擎
<scriptsrc="js/template.js"></script>
编写模板
<scriptid="test"type="text/html">
//使用一个type="text/html"的script标签存放模板：
<h1><%=title%></h1>
<ul>
<%
for(i=0;i<list.length;i++){%>
<li>itemL<%=i+1%>:<%=list[i]%></li>
<%}%>
</ul>
//模板逻辑语法开始与结束的界定符号为<%与%>，若<%后面紧跟=号则输出变量内容
</script>
渲染模板
vardata={
title:'标签',
list:['文艺','博客','摄影','电影','民谣','旅行','吉他']
};
varhtml=template.render("test",data);
document.getElementById('content').innerHTML=html;