- <!--Mustache 的模板 -->
- <script id="Mustache" type="text/tmpl">
- <ul>
- {{#list}}
- <li>{{{index}}}. 用户: {{{user}}}/ 网站:{{{site}}}</li>
- {{/list}}
- </ul>
- </script>
- <!-- doT 的模板 -->
- <script id="doT" type="text/tmpl">
- <ul>
- {{ for (var val, i = 0, l = it.list.length; i < l; i ++) { }}
- {{ val = it.list; }}
- <li>{{=val[i].index}}. 用户: {{=val[i].user}}/ 网站:{{=val[i].site}}</li>
- {{ } }}
- </ul>
- </script>
- <!--juicer 的模板 -->
- <script id="juicer" type="text/tmpl">
- <ul>
- {@each list as val}
- <li>
val.index.用户:{val.user}/ 网站:$${val.site}</li>
- {@/each}
- </ul>
- </script>
- <!-- artTemplate 的模板 -->
- <script id="template" type="text/tmpl">
- <ul>
- <% for (i = 0, l = list.length; i < l; i ++) { %>
- <li><%=list[i].index%>. 用户: <%=list[i].user%>/ 网站:<%=list[i].site%></li>
- <% } %>
- </ul>
- </script>
- <!-- underscore 的模板 -->
- <script id="underscoreTemplate" type="text/tmpl">
- <ul>
- <% for (var i = 0, l = list.length; i < l; i ++) { %>
- <li><%=list[i].index%>. 用户: <%=list[i].user%>/ 网站:<%=list[i].site%></li>
- <% } %>
- </ul>
- </script>
- <!-- Handlebars 的模板 -->
- <script id="Handlebars" type="text/tmpl">
- <ul>
- {{#list}}
- <li>{{{index}}}. 用户: {{{user}}}/ 网站:{{{site}}}</li>
- {{/list}}
- </ul>
- </script>
介绍 X 款 JavaScript 的模板引擎。(排名不分先后顺序)
1. Mustache
基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用!
2. EasyTemplate
在使用过Freemarker模板后,感觉它的 语法比较朴实,平易近人,容易上手,于是决定按它的语法风格实现一个前端的 模板引擎,这就有了下面的EasyTemplate! EasyTemplate模板的函数大小为1.34k(未压缩),暂时只实现了 list,list index,if elseif else等功能,应该可以满足大部分的使用需求了。 EasyTemplate模板 引擎的解析速度测试,渲染1000行数据,在不同的浏览器中,平均速度大约在30豪秒以内(测试机器性能较弱)。
3. jSmart
jSmart 是著名的 PHP 模板引擎 Smarty 的 JavaScript 移植版本。
4. Trimpath
Trimpath JavaScript 是个轻量级的,基于JavaScript的,跨浏览器,采用APL/GPL开放源代码协议的,可以让你轻松进行基于模板编程方式的纯JS引擎。新浪的评论系统使用的就是此模板。
5. jade
Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。
6. Hogan.js
来自 Twitter 的 JavaScript 模板引擎。
7. Handlebars
Handlebars 是一个 JavaScript 的页面模板库
8. doT.js
doT.js 包含为浏览器和Node.js 准备的 JavaScript 模板引擎。
9. dom.js
dom.js 是一款可用在客户端和服务器端的 JavaScript 模板引擎
10. Plates.js
Plates.js 是一个轻量级、无逻辑、DSL 的 JavaScript 模板引擎。
11. ICanHaz.js
ICanHaz.js 是一个简单而且功能强大的客户端的 JavaScript 模板引擎。
12. dotpl-js
Dotpl-JS 是一个纯javascript模板引擎,支持IF和FOR关键字,多循环衔套及字段渲染,跨浏览器支持。是一个实用的javascipt工具,页面静态化利器!
13. EJS
EJS 可以将数据和模板合并然后生成 HTML 文本。