javascript 模板引擎:artTemplate-3.0
2016-03-31 16:44
585 查看
artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。
下载地址:
https://github.com/aui/artTemplate
在线预览:
http://aui.github.com/artTemplate/
下载地址:
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>
相关文章推荐
- myTemplate模板引擎
- TMDPHP 模板引擎使用教程
- 浅谈轻量级js模板引擎simplite
- 常用的JavaScript模板引擎介绍
- 详解Javascript模板引擎mustache.js
- 探究Javascript模板引擎mustache.js使用方法
- Discuz 模板引擎的封装类代码
- PHP模板引擎smarty详细介绍
- Twig模板引擎用法入门教程
- laytpl 精致巧妙的JavaScript模板引擎
- smarty模板引擎基础知识入门
- JavaScript模版引擎的基本实现方法浅析
- smarty模板引擎之分配数据类型
- ThinkPHP模板引擎之导入资源文件方法详解
- Laravel模板引擎Blade中section的一些标签的区别介绍
- JavaScript模板引擎用法实例
- JAVA velocity模板引擎使用实例
- CodeIgniter模板引擎使用实例
- php模板引擎技术简单实现
- smarty模板引擎之内建函数用法