art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。在线速度测试。
1、下载地址
https://github.com/aui/art-template/releases
2、引入
<script src="模板引擎.js文件包地址"></script>
3、使用
https://aui.github.io/art-template/zh-cn/index.html
$('#templateDemoBox').html(template('templateDemoBox_tmp', {
list: res.data,
imgUrl: window.api_config.imgUrl
......
}));
$('#templateDemoBox').on('click','.tapImg',function(e){
console.log("我是图片我被点击了!")
});
<div id="templateDemoBox"></div>
<script id="templateDemoBox_tmp" type="text/html">
{
{
each list arr i}}
{
{
if i==0}}
<img src="{
{imgUrl}}{
{arr.cover}}" class="tapImg"/>
{
{
else if i==1}}
{
{
arr}}
{
{
else}}
{
{
i}}
{
/if}}
{
{
/each}}
</script>
</div>