blocks|key|102647|text|我以前用过Jade。Jade的好处是语法更短，这意味着你可以更快地输入。Jade中的block非常强大，在处理复杂的HTML代码时对我有很大的帮助。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|102648|另一方面，在Jade中很难做一些简单的事情，比如基于简单的if条件向DIV中添加类。我需要把像这样的东西|102649|-+if+(isAdmin)
++div.admin.user
-+else
++div.user|code-block|syntax|javascript|102650|Jade也没有区分标签和变量，这使得代码非常混乱(至少对我来说是这样)|102651|a(href='/user/'+%2B+user.id)=+user.name|102652|Jade对设计师也不友好。我的设计师朋友经常给我HTML和CSS+(他们最近切换到较少，但仍然想使用HTML)，因此，如果我使用Jade，我需要将HTML转换为Jade。同样在Jade中，我们需要使用缩进，所以如果您的HTML结构变得复杂，您的代码将看起来很糟糕(尤其是表格)。有时候，我甚至不知道我处于什么水平|102653|table
++thead
++++tr
++++++td
++++++++a
++++++++++img
++++tr
++++++td
++tbody
++++tr
++++++td|102654|最近，我改用了EJS，到目前为止，我对它很满意。它非常接近纯HTML，并且使用与我正在使用的前端模板引擎(下划线模板)相同的语法。我必须说，有了EJS，一切都变得更容易了。当我从我的设计师朋友那里收到HTML模板时，我不需要做所有的转换。我所要做的就是用从ExpressJS传递过来的变量替换动态部分。使用Jade时让我发疯的东西在EJS中解决了。|102655|<div+class="<%25=+isAdmin?+'admin':+''+%25>+user"></div>|102656|我可以知道EJS是怎么回事。|102657|<a+href="/user/<%25=+user.id+%25>"><%25=+user.name+%25></a>|102658|如果您怀念Jade的简短语法(就像我一样)，您可以将Zen-Coding和EJS结合起来，这通常可以帮助您加快进度。关于性能，我看不出有什么区别|102659|然而，EJS没有Jade那么强大，它默认没有块(这个人为EJS+https://github.com/RandomEtc/ejs-locals实现了一个块功能)|102660|所以，这完全取决于你选择让你感到舒服的东西。但是，如果您打算像我一样在前端使用其他模板引擎，那么两端使用相同的东西会更好|102661|更新2013年12月16日:最近，我从EJS切换到Swig+(它的概念类似于Python世界中的Jinja2+)。主要原因是即使在ejs-locals的帮助下，EJS中也缺乏阻塞。Swig还为模板使用了普通的HTML和许多模板引擎应该具有的很酷的特性，例如EJS没有的过滤器和标签|102662|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/RandomEtc/ejs-locals^0|16|5|0|0|0|0|0|0|0|0|0|0|0|0|W|13|0|0|0|1T|A|0^^$0|@$1|2|3|4|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1L|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1M|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1N|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1O|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1P|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1Q|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1R|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|1S|8|@]|D|@]|E|$K|L]]|$1|Y|3|Z|5|6|7|1T|8|@]|D|@]|E|$]]|$1|10|3|11|5|J|7|1U|8|@]|D|@]|E|$K|L]]|$1|12|3|13|5|6|7|1V|8|@]|D|@]|E|$]]|$1|14|3|15|5|6|7|1W|8|@]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|16|3|17|5|6|7|20|8|@]|D|@]|E|$]]|$1|18|3|19|5|6|7|21|8|@$9|22|A|23|B|C]]|D|@]|E|$]]|$1|1A|3|-4|5|6|7|24|8|@]|D|@]|E|$]]]|1B|$1C|$5|1D|1E|1F|E|$1G|1H]]]]

I used Jade before. The nice thing about Jade is that you have a shorter syntax which means you can type faster. The <code>block</code> in Jade is pretty powerful which can help me a lot when dealing with complex HTML code.

On the other hand, it is hard to do some simple stuff in Jade, thing like adding classes into a DIV based on a simple if condition. I need to put something like this 

<pre><code>- if (isAdmin)
 div.admin.user
- else
 div.user
</code></pre>

Jade also don't differentiate between the tags and the variables which make the code very confusing (at least for me)

<pre><code>a(href='/user/' + user.id)= user.name
</code></pre>

Jade is also not designer-friendly. My designer friends often give me HTML and CSS (They switched to LESS recently but still want to use HTML), and for that reason if I use Jade I need to convert HTML to Jade. Also in Jade, we need to use indentations, so if your HTML structure gets complicated, your code will look horrible (especially tables). Sometimes, I don't even know what level I am at

<pre><code>table
 thead
 tr
 td
 a
 img
 tr
 td
 tbody
 tr
 td
</code></pre>

Recently, I made a switch to EJS and I am happy with it so far. It is very close to pure HTML and use the same syntax as that of the frontend template engine I am using (Underscore template). I must say that everything is easier with EJS. I don't have to do all the conversion when receiving HTML templates from my designer friend. All I have to do is to replace the dynamic parts with variables passed from ExpressJS. Stuff that make me crazy when using Jade are solved in EJS

<pre><code>&lt;div class="&lt;%= isAdmin? 'admin': '' %&gt; user"&gt;&lt;/div&gt;
</code></pre>

And I can know what is what with EJS 

<pre><code>&lt;a href="/user/&lt;%= user.id %&gt;"&gt;&lt;%= user.name %&gt;&lt;/a&gt;
</code></pre>

If you miss the short syntax of Jade (like me) you can combine Zen-Coding and EJS which can help you speed up the progress in general. About performance, I don't see any differences

However, EJS is not as powerful as Jade, it doesn't have blocks by default (this guy implemented a block feature for EJS <a href="https://github.com/RandomEtc/ejs-locals" rel="noreferrer">https://github.com/RandomEtc/ejs-locals</a>)

So, it is totally depend on you to pick whatever makes you comfortable. But if you are going to use another template engine for the frontend like me, it's better if you use the same thing for both sides

Update 16 December 2013:
Recently, I have switched from EJS to Swig (which has similar concept as that of Jinja2 in Python world). The main reason is the lack of block in EJS even with the help of <code>ejs-locals</code>. Swig is also using plain HTML for templates and a lot of cool features that a template engine should have for example filters and tags which EJS doesn't have

blocks|key|102705|text|我不会说其中一个比另一个更好。它们是不同的，这是肯定的，但“更好”是一个相对的术语。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|102706|我更喜欢EJS，因为我认为HTML不是太差，而且它允许我与其他人一起工作，而他们不必学习Jade。|102707|但是，Jade相当干净，可以在视图中生成一些整洁的代码。|102708|选择你觉得更舒服的。|102709|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I wouldn't say that one is better than the other. They are different, that's for sure, but "better" is quite relative term.

I prefer EJS because I think HTML is not too bad, plus it allows me to work with others without them having to learn Jade. 

However, Jade is rather clean and makes for some neat code in your views. 

Pick whatever you feel more comfortable.

Jade versus EJS, what are the pros and cons of each and what purposes are each designed for?

Are there <a href="https://github.com/joyent/node/wiki/modules#wiki-templating" rel="noreferrer">any other express-compatible template engines</a> that are good and why?

What are the pros and cons of both Jade and EJS for Node.js templating?

Python

Jade和EJS，它们的优缺点是什么，它们的设计目的是什么？有没有好的？为什么？

问对于Node.js模板，Jade和EJS的优缺点是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对于Node.js模板，Jade和EJS的优缺点是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对于Node.js模板，Jade和EJS的优缺点是什么？
EN