artTemplate 是新一代 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>