art-template是简约、超快的模板引擎,采用作用域预声明的技术来优化模板渲染速度,从而获得接近JavaScript极限的运行性能,同时支持NodeJS和浏览器。

特性

  • 拥有接近JavaScript渲染极限的性能

  • 调试友好:语法、运行时错误日志准确到模板所在行,并支持在模板文件打断点(Webpack Loader)

  • 支持Express、Koa、Webpack

  • 支持模板继承与子模板

  • 浏览器版本仅6KB大小

模板

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

标准语法

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

原始语法

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

原始语法兼容EJS、Underscore、LoDash模板

渲染模板

var template = require('art-template');
var html = template(__dirname + '/tpl-user.art', {
    user: {
        name: 'aui'
    }
});

核心方法

// 基于模板名渲染模板
template(filename, data);

// 将模板源代码编译成函数
template.compile(source, options);

// 将模板源代码编译成函数并立刻执行
template.render(source, data, options);

【参考】

1。art-template官网:https://aui.github.io/art-template/zh-cn/docs/index.html

results matching ""

    No results matching ""