art-template 通过模板的方式渲染数据,降低了在JQuery中频繁操作dom赋值的操作,在开发中,提高效率。
据官网介绍,art-template拥有接近 JavaScript 渲染极限的的性能。
以下是art-template 常用功能:
if判断,each循环,嵌套循环,管道数据转换方法,原样展示html片段设置。
-
准备:
引入jstemplate.js
(官网现已是使用npm安装的方式了~)
引入的template.js
及下面的示例demo,可以直接下载:
https://download.csdn.net/download/dorothy1224/11126096 -
使用:
- 普通表单用模板展示
{ {}}
双括号内写变量名;
js:
var data1 = {'data':{'name':1}};//数据格式
var html1 = template('demo1Tpl', data1.data);
$('#demo1').html(html1);
html:
<!-- 普通模板展示 -->
<div class="demo" id="demo1">
<script id="demo1Tpl" type="text/html">