artTemplate 模板，一种快速填充HTML模式引擎，它可以帮助你快速填充HTML至页面。

问题：由于第一次使模板，不知道如何使用它，包括基本语法，咋用呢？折磨了一会，发个贴共享一下。

1，基本使用

{{if isAdmin}}
<h1>{{title}}</h1>
<ul>
    {{each list as value i}}
        <li>索引 {{i + 1}} ：{{value}}</li>
    {{/each}}
</ul>
{{/if}}

<script>
var data = {
	title: '基本例子',
	isAdmin: true,
	list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template('test', data);
document.getElementById('content').innerHTML = html;
</script>

问题：自定义简洁模式使用

1.变量使用：{{$index==0}}  {$value.pic}}  {{$value.categoryName}} 等

2.if语法：心好累，不过，要注意结尾符{{/if}}

<span style="font-family:Microsoft YaHei, Georgia, Times, Times New Roman, serif;"> {{if $index==0}}
     <li id="{{$value.categoryId}}" class="on"><img class="category-pic" src="{{$value.pic}}" />{{$value.categoryName}}</li>
 {{else}}</span>
<span style="font-family: 'Microsoft YaHei', Georgia, Times, 'Times New Roman', serif;">   <li id="{{$value.categoryId}}"><img class="category-pic" src="{{$value.pic}}" />{{$value.categoryName}}</li>
</span><span style="font-family: 'Microsoft YaHei', Georgia, Times, 'Times New Roman', serif;">{{/if}}</span>

先写这些，有帮助直接拿走！