artTemplate使用
github地址:https://github.com/aui/artTemplate
使用样例:
<script id="test" type="text/html"> <h1>{{title}}</h1> <ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}} </ul> </script> |
使用数据:
var data = { title: '标签', list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] }; var html = template('test', data); document.getElementById('content').innerHTML = html; |
通过分析市面上的一些模版得出:
优势:
1.有简洁和原生2种使用方式
2.速度较快
3.错误提示
Categories: javaScript, 前端开发