共计 1306 个字符，预计需要花费 4 分钟才能阅读完成。
6 个 JS 模板引擎
js 模板最本质的作用是【变静为动】, 一切利用这方面的都是优势，不利于的都是劣势。要很好地实现【变静为动】的目的，有这么几点：可维护性（后期改起来方便）；可扩展性（想要增加功能，增加需求方便）；开发效率提高（程序逻辑组织更好，调试方便）；看起来舒服（不容易写错）；以下是几个用过的 JS 模板引擎，可以用来了解一下。
1：百度模板引擎（baiduTemplate）
http://baidufe.github.io/Baid…
baiduTemplate 希望创造一个用户觉得“简单好用”的 JS 模板引擎，应用场景：前端使用的模板系统 或者 后端 java 环境发布页面，功能概述：提供一套模板语法，用户可以写一个模板区域，每次根据传入的数据，生成对应数据产生的 HTML 片段，渲染不同的效果。
2：腾讯 artTemplate
github: https://github.com/aui/artTem…
下载：http://www.jq22.com/jquery-in…
腾讯的 artTemplate 比较简洁，性能高效，是新一代 java 模板引擎，它采用预编译方式让性能有了质的飞跃，并且充分利用 java 引擎特性，使得其性能无论在前端还是后端都有极其出色的表现。对 NodeJS Express 友好支持。
3：淘宝的 juicer
官网文档：http://juicer.name/
下载地址：https://github.com/PaulGuo/Ju…
juicer 是一个高效、轻量的前端 (Java) 模板引擎，效率和易用是它追求的目标。除此之外，它还可以运行在 Node.js 环境中。淘宝的 juicer 偏原生模板一点的写法。更具完善和灵活性一点。
4：doT.js 模板引擎
github：https://github.com/olado/doT
下载：http://www.jq22.com/jquery-in…
doT.js 大小只有 4KB，渲染性能很好，而且直接支持原生的写法，不用依赖别的库，适用于混合开发的模板引擎。
5：handlebars
Handlebars 官网: http://handlebarsjs.com./inst…
Github: https://github.com/daaain/Han…
CDN 引入:https://cdnjs.com/libraries/h…
Handlebars 是全球使用率最高的模板引擎, 所以当之无愧是全球最受欢迎的模板引擎.Handlebars 在许多前端框架中都被引入。
6：ejs
“E” 代表 “effective”，即【高效】。EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。
ejs 官网: https://ejs.bootcss.com/
特点
- 快速编译与绘制输出
- 简洁的模板标签：<% %>
- 自定义分割符（例如：用 <? ?> 替换 <% %>）
- 引入模板片段
- 同时支持服务器端和浏览器 JS 环境
- JavaScript 中间结果静态缓存
- 模板静态缓存
- 兼容 Express 视图系统
