rtTemplate 是新一代 javascript 模板引擎,它採用預編譯方式讓性能有了質的飛躍,而且充分利用 javascript 引擎特性,使得其性能不管在前端仍是後端都有極其出色的表現javascript
下載地址:
https://github.com/aui/artTemplate
在線預覽:
http://aui.github.com/artTemplate/css
<!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>html