rtTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现
下载地址:
https://github.com/aui/artTemplate
在线预览:
http://aui.github.com/artTemplate/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test arTemplate</title>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="pluging/artTemplate/template-native.js"></script>//引入js模版引擎文件
</head>
<body>
<header>
<nav id="headerNav">
<script id="test" type="text/html">//要插入数据的模版
<ul>
<%for(var i=0;i< list.length;i++){%>
<li><%=list[i]%></li>
<%}%>
</ul>
</script>
</nav>
</header>
<script>
var data={
list:["yang","li","cai"]
};
var html=template("test",data);
document.getElementById("headerNav").innerHTML = html;//插入数据
</script>
</body>
</html>