有什么好用的JS模板引擎吗？

有什么好用的JS模板引擎吗？
比如说 handlebars
或者 augularjs 这些的模板引擎，个人感觉都不是特别好用啊

有没有什么比较好用的模板引擎？

javascript jquery

阅读 17.1k

27 个回答

得票最新

techfellow

5241

发布于
2015-10-14

试一下artTemplate

hjzheng

2.6k2314

发布于
2015-10-17

个人觉得萝卜青菜各有所爱，根据需求和喜好加以选择，多多尝试。
如果写过JSP或PHP的话，喜欢<% %>，必然推荐TJ大神的EJS给你，地址：https://github.com/tj/ejs
如果写过Python，喜欢简洁，优美的格式，推荐TJ大神的另一款力作Jade，地址：https://github.com/jadejs/jade

H0WARD

16711

发布于
2015-10-22

更新于
2015-10-22

LinkedIn把他们转template engine的经验给blog了下来，
post里边的数据可能已经outdated了，不过还是很有參考价值的，楼主可以参考一下：
The client-side templating throwdown: mustache, handlebars, dust.js, and more

他们的测评准则：

DRY: how DRY is the templating technology? is there support for code-reuse and partials?
i18n: is there support for translations and multiple languages?
Hot reload: are changes visible immediately or is there a compile/deploy cycle?
Performance: how long does it take to render in the browser and server?
Ramp-up time: how is the learning curve?
Ramped-up productivity: once you've ramped-up, how fast can you build things?
Server/client support: can the same template be rendered both client-side and server-side?
Community: is there an active community using this project? Can you google issues?
Library agnostic: are there dependencies on other JS libraries, such as jQuery or Mootools?
Testable: how hard is it to write unit and integration tests?
Debuggable: is it possible to step through the code while it's running to track down errors?
Editor support: is there an editor with auto-complete, syntax highlighting, error checking, etc?
Maturity: is this a relatively stable project or still experimenting and churning?
Documentation: how is the documentation?
Code documentation: do the templates encourage/require documentation/comments?

个人比较常用handlebars，因为不想view里面有太多logical的东西，
而且HBS可以precompile，还可以自由选择在server或是client side render
最后就是handlebars跟jq一点关系都没有..

droiz

270134

发布于
2015-10-16

dot.js 速度快，这是有评测数据的，同时支持在模版中加入js语法。

Vcing

发布于
2015-10-16

vue.js 国人做的框架和angular类似不过精简了很多。中文文档非常全。

cheft

6411

发布于
2015-10-20

如果纯用模板的话，推荐doT，速度快，支持编译成函数。如果想高级的推荐 riotjs 2.0 、react，这两个是 webcomponent 概念了，比模板更高级点。

RobinTang

3.9k63761

发布于
2015-10-21

貌似Juicer很不错的。 http://juicer.name/

vczh

4.2k148

发布于
2015-12-07

更新于
2015-12-07

Source Code: https://github.com/vczh-libraries/GacJS/blob/master/Script/Html/Razor.js
Test Case: https://github.com/vczh-libraries/GacJS/blob/master/Razor.html

不如来试试我模仿ASP.NET MVC写的JS实现的Razor引擎？我的Razor引擎加载之后编译成了一个Javascript函数，支持参数，可以在任何地方调用生成HTML，嵌入到任何你想使用的地方。

Garry_Guo

612

发布于
2015-10-14

我也是刚接触AngularJS，觉得用起来还不是很熟练，与以前用的Jquery等都不一样，但是AngularJS在当下来说是非常流行的，它的确少去了像Jquery的DOM操作。其实每一个框架或模版都有优劣，也没有所谓的好用或不好用，只有熟不熟练！

_我已经从中二毕业了

7.9k82131

发布于
2015-10-14

10 BEST JAVASCRIPT TEMPLATE ENGINES FOR DEVELOPERS

自取所需！

whosesmile

2k3410

发布于
2015-10-14

更新于
2015-10-14

如果你的业务不是极端注重效率，推荐nunjucks。

java,python,node三种语言的许多模板我都用过，还是觉得python中jinja2的设计最舒服，nunjucks是模仿的jinja2，虽然模拟的不彻底，但是也很不错了。

(swig和nunjucks差不多，而且语法的容错性比nunjucks稍好，虽然效率稍差一丁点，但是因为很久不更新了，不建议了就；
其实这两种模板相当于给jinja2做了个旁证，如果设计不好，也不会不约而同都去模仿~~)

方圆百里找对手

1.2k43053

发布于
2015-10-16

arttemplate

lloyd_zhou

1.7k129

发布于
2015-10-16

更新于
2015-10-16

推荐一个我觉得很牛逼的riotjs，你看看它1.x的版本里面有个简洁的模板实现，大概就10行左右的代码

riot.render = function(tmpl, data, escape_fn) {
    if (escape_fn === true) escape_fn = default_escape_fn;
    tmpl = tmpl || '';
    return (FN[tmpl] = FN[tmpl] || new Function("_", "e", "try { return '" +
        tmpl.replace(/[\\\n\r']/g, function(char) {
            return template_escape[char];
        }).replace(/{\s*([\w\.]+)\s*}/g, "' + (e?e(_.$1,'$1'):_.$1||(_.$1==undefined?'':_.$1)) + '") + "' } catch(e) { return '' }")
    )(data, escape_fn);
};

youxianbo

714

发布于
2015-10-16

模板引擎？看一下 layer的吧，推荐