6个常见JS模板引擎

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 视图系统