乐趣区

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 视图系统
退出移动版