6个常见JS模板引擎

jiezi

5 年前

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

6个常见JS模板引擎

6 个 JS 模板引擎

特点