新版本的 art-template 据作者所说有以下的改变:调试增强
支持运行时错误调试,编译错误调试。
断点
使用 Webpack Loader 后可以输出 SourceMap,支持在浏览器中对模板进行断点调试。
混合式语法
art-template 从 v3.0 开始默认采用的是简洁语法,相对于 ejs 式的语法,简洁语法优点是利于读写,弊端是逻辑控制非常有限,比如循环控制等。v4.0 同时支持两种语法,在功能与易用性之间取得较好的平衡。
模板继承
模板继承允许你构建一个包含你站点共同元素的基本模板“骨架”。
自定义语法
[email protected] 支持应用多个模板解析规则。
阅读完其文档,新版的 artTemplate 大致的语法并有什么改变,新增了一下功能并修改了 API ,看起来是比旧版本的代码要优雅一点。文档我觉得是有点乱的,假如没有用过之前版本的话,小白上手比较麻烦,下面我尝试用自己的语言进行讲解。
没用过前面版本的同学,直接可以看下面这一段:
1. 简介模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。
—— 来自某度
art-template 以优雅的方式解决你 web 开发中 dom 字符串拼接与数据绑定的工具
2. 使用环境
art-template 目前含有5种使用环境,区别与上一个版本,并没有开发 Grunt 跟 Gulp 的插件( 因为他觉得 webpack 才是主流喔~ ),而是新增了两种基于 Node.js 平台下的 Express 与 Koa,同时 tmodjs 替换成 art-template-loader
a. NodeJS
$ cnpm install art-template --save
b. 浏览器版本
下载:template-web.js(gzip: 6kb)
3. 语法
安装完 art-template 后,这里将会介绍如何编写其模板文件。其语法有原生跟简洁两种,因为简洁语法在循环条件的逻辑控制比较有限,同时该模板支持两种语法的并存,他们可以互助互补,所以下面我基本都是按照简洁语法说明在必要的时候才会加上原生语法。