js--arTemplate引擎

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

相關文章
相關標籤/搜索