art-template

介绍

art-template 是一个简约、超快的模板引擎。

它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试。

特性

1. 拥有接近 JavaScript 渲染极限的的性能
2. 调试友好：语法、运行时错误日志精确到模板所在行；支持在模板文件上打断点（Webpack Loader）
3. 支持 Express、Koa、Webpack
4. 支持模板继承与子模板
5. 浏览器版本仅 6KB 大小

art-template 同时支持两种模板语法。标准语法可以让模板更容易读写；原始语法具有强大的逻辑处理能力。

标准语法

{{if user}}
<h2>{{user.name}}</h2>
{{/if}}

原始语法

<% if (user) { %>
<h2><%= user.name %></h2>
<% } %>

基本使用步骤

1、定义模板
2、挖坑 - 起名字（一般取决于传过来的数据）
3 、填坑
数据 服务器 ajax
回调函数
4、使用

常用语法

• 条件

{{if value}} ... {{/if}}
{{if v1}} ... {{else if v2}} ... {{/if}}

• 循环

{{each target}}
{{$index}} {{$value}}
{{/each}}