listen-template

优点

1. 简单 语法简单易写
2. 极速 超过绝大数引擎
3. 小巧 min 后不足 2KB

例子

速度测试
树形结构 json
README例子
防Xss
for循环

安装

引入 js 文件

<script type="text/javascript" src="https://listen80.github.io/listen-template/src/lt.js"></script>

用法

数据

var data = {
  name: "北京市",
  city: [
    "东城区",
    "西城区",
    "崇文区",
    "宣武区",
    "朝阳区",
    "丰台区",
    "石景山区",
    "海淀区",
    "门头沟区",
    "房山区",
    "通州区",
    "顺义区",
    "昌平区",
    "大兴区",
    "平谷区",
    "怀柔区",
    "密云县",
    "延庆县"
  ]
};

var html = lt("test")(data);

模版

<script id="tpl" type="text/html">
  <div>
    {if $d.name}
    <ul>
      {for $d.city}
      <li>{$k + 1} : {$v}</li>
      {/for}
    </ul>
    {/if}
  </div>
</script>