10个最好的 JavaScript 模板引擎

简介: JavaScript随着各种神奇的实用功能库日渐丰富,而越来越受到Web开发者与设计师的追捧,例如:jQuery, MooTools, Prototype等。

JavaScript随着各种神奇的实用功能库日渐丰富,而越来越受到Web开发者与设计师的追捧,例如:jQuery, MooTools, Prototype等。


使用JavaScript模板引擎可以加速应用程序的开发,本文收集和介绍了10个流行的JavaScript模板引擎。


1) Jade

Jade是一个有着完善API和惊艳特性的JavaScript模板引擎。使用空白与缩进敏感的代码格式编写HTML页面。基于Node.js,运行在服务器端。

image.png

2) Mustache

Mustache是一个logic-less(无逻辑或轻逻辑)语法模板。可以用于组织HTML、配置文件、源代码在内的任何东西。Mustache使用JavaScript对象的值,用来扩展模板代码中的大括号标签。

image.png

3) Transparency

Transparency是一个强大的客户端模板引擎,用来将数据绑定到Web页面的BOM结构中。其模板无需特殊格式,直接完全符合HTML。直接使用JavaScript逻辑,无需新学特殊的“模板语言”。兼容IE9+、Chrome、Fx、iOS、安卓等浏览器。

image.png

4) Underscore.js

Underscore.js是一个JavaScript库,提供一系列实用的工具函数(helper)。Underscore.js仅作为额外的工具函数独立工作,不扩充(污染)任何JavaScript内建对象的本身。

image.png

5) Embeddedjs

EJS以类似PHP的JS/HTML通过标签混排的形式,帮助开发者将JavaScript和HTML部分有效分离。

image.png

6) DoTjs

最快和简洁的JavaScript模板引擎,同时用于Node.js和浏览器。

image.png

7) Handlebarsjs

一套语义化模板引擎。兼容Mustache。

image.png

8) T.js

一个用简单的JavaScript数据结构去渲染表现html/xml内容的模板引擎。

image.png

9) Dustjs

一套同时可用于浏览器或Node.js的异步模板引擎。

image.png

10) Nunjucks

Nunjucks是一套富功能的模板引擎。模板语言功能强大,支持块继承、自动转义、宏、异步控制等功能。

image.png


相关文章
|
7月前
|
XML 缓存 JavaScript
一篇文章讲明白JS模板引擎之JST模板
一篇文章讲明白JS模板引擎之JST模板
64 2
|
JavaScript 前端开发 API
node.js中使用模板引擎art-template
node.js中使用模板引擎art-template
420 0
node.js中使用模板引擎art-template
|
JavaScript
nunjucks:继承于jinja2的js模板引擎
nunjucks:继承于jinja2的js模板引擎
124 0
|
JavaScript 前端开发
doT.js:一个Node.js和浏览器环境下快速简洁的javascript模板引擎
doT.js:一个Node.js和浏览器环境下快速简洁的javascript模板引擎
214 0
|
JavaScript 前端开发
【Javascript】用js写一个模板引擎
【Javascript】用js写一个模板引擎
120 0
|
JavaScript 前端开发
【Javascript】用js写一个模板引擎
【Javascript】用js写一个模板引擎
108 0
|
Web App开发 移动开发 缓存
Jade —— 源于 Node.js 的 HTML 模板引擎
Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。
352 0
Jade —— 源于 Node.js 的 HTML 模板引擎
|
JavaScript
nunjucks:继承与jinja2的js模板引擎
nunjucks:继承与jinja2的js模板引擎
167 0
|
SQL 开发框架 移动开发
只有20行Javascript代码!手把手教你写一个页面模板引擎
AbsurdJS 作者写的一篇教程,一步步教你怎样用 Javascript 实现一个纯客户端的模板引擎。整个引擎实现只有不到 20 行代码。如果你能从头看到尾的话,还能有不少收获的。你甚至可以跟随大牛的脚步也自己动手写一个引擎。以下是全文。
197 0
|
Web App开发 JavaScript 前端开发