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


相关文章
|
JavaScript
nunjucks:继承于jinja2的js模板引擎
nunjucks:继承于jinja2的js模板引擎
|
JavaScript 前端开发
doT.js:一个Node.js和浏览器环境下快速简洁的javascript模板引擎
doT.js:一个Node.js和浏览器环境下快速简洁的javascript模板引擎
149 0
|
JavaScript 前端开发
【Javascript】用js写一个模板引擎
【Javascript】用js写一个模板引擎
|
JavaScript 前端开发
【Javascript】用js写一个模板引擎
【Javascript】用js写一个模板引擎
|
JavaScript 前端开发 PHP
推荐13款javascript模板引擎
javaScript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰,本文介绍 X 款 JavaScript 的模板引擎。(排名不分先后顺序) 1. Mustache 基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用! 2.
2185 0
|
JavaScript
nunjucks:继承与jinja2的js模板引擎
nunjucks:继承与jinja2的js模板引擎
128 0
|
SQL 开发框架 移动开发
只有20行Javascript代码!手把手教你写一个页面模板引擎
AbsurdJS 作者写的一篇教程,一步步教你怎样用 Javascript 实现一个纯客户端的模板引擎。整个引擎实现只有不到 20 行代码。如果你能从头看到尾的话,还能有不少收获的。你甚至可以跟随大牛的脚步也自己动手写一个引擎。以下是全文。
154 0
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
高性能JavaScript模板引擎template.js原理解析
artTemplate是新一代javascript模板引擎,它在v8中的渲染效率可接近javascript性能极限,在chrome下渲染效率测试中分别是知名引擎Mustache与micro tmpl的25/32倍(性能测试);artTemplate的模板还支持使用自动化工具预编译; artTemplate的库分为两种,一个是template.
11992 0