艺术模板 art-template____jQuery 项目可用
最快的模板渲染引擎
兼容 ejs 语法
推荐语法
{{each arr}}
{{$value}} ---- {{$index}}
{{/each}}
{{if arr}}
{{arr}}
{{/if}}
1. 引入 template-web.js 库
<script type="text/html" src="./js/template-web.js"></script>
2. 创建模板代码
1) 创建 script 标签，将其 type 改为 text/html
2) 设置一个 id 属性
3) 写模板代码
5
const arr = [{name: 'jaek', age:20}, {name:'rose', age:18}];
const obj = {name: 'jaek', age:20};
3. template(元素id, {要渲染的数据}) 将模板代码解析为 标签字符串
传一个数组 data， 接的就是一个同名的数组 data[0].name
传一个对象 obj，接的就是一个同名的对象 obj.name
返回的是一个 htmlStr，用于追加到 页面生效
4. 将生成的 标签字符串 渲染到 页面上生效
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5