我发现的主要区别是:
Handlebars添加了#if, #unless, #with和#each Handlebars添加helper 编译了车把模板(小胡子也可以) 手柄支持路径 允许在块中使用{{this}}(输出当前项的字符串值) Handlebars.SafeString()(可能还有其他一些方法) 把手的速度快2到7倍 胡子支持倒立部分(即if !x…)
(如有错误,请指正。)
还有其他我忽略的主要区别吗?
我发现的主要区别是:
Handlebars添加了#if, #unless, #with和#each Handlebars添加helper 编译了车把模板(小胡子也可以) 手柄支持路径 允许在块中使用{{this}}(输出当前项的字符串值) Handlebars.SafeString()(可能还有其他一些方法) 把手的速度快2到7倍 胡子支持倒立部分(即if !x…)
(如有错误,请指正。)
还有其他我忽略的主要区别吗?
当前回答
它们之间的另一个区别是文件的大小:
Mustache.js有9kb, Handlebars.js有86kb,如果使用预编译的模板则为18kb。
为了看到Handlebars.js的性能优势,我们必须使用预编译的模板。
来源:JavaScript模板引擎概述
其他回答
注意:这个答案已经过时了。发布的时候是这样,但现在不是了。
Mustache有许多语言的解释器,而Handlebars只有Javascript。
我觉得其中一个提到的缺点“把手”不是真的有效了。
java现在允许我们为客户端和服务器端共享相同的模板语言,这对于拥有1000多个组件的大型项目来说是一个巨大的胜利,这些组件需要为SEO提供服务器端渲染
看看https://github.com/jknack/handlebars.java
一个微妙但重要的区别是这两个库处理作用域的方式。如果Mustache在当前上下文中找不到变量,它将退回到父作用域;句柄将返回一个空字符串。
这在GitHub README中几乎没有提到,其中有一行用于它:
Handlebars与Mustache略有不同,因为默认情况下它不执行递归查找。
然而,正如上面所提到的,有一个标志可以使Handlebars的行为与Mustache相同,但它会影响性能。
这对使用#变量作为条件的方式有影响。
例如,在Mustache中你可以这样做:
{{#variable}}<span class="text">{{variable}}</span>{{/variable}}
它基本上意味着“如果变量存在并且为真,则打印包含变量的span”。但在Handlebars中,你要么必须:
请改用{{this}} 使用父路径,例如,{{../variable}}返回到相关范围 在父变量对象中定义子变量值
更多的细节,如果你想要,这里。
它们之间的另一个区别是文件的大小:
Mustache.js有9kb, Handlebars.js有86kb,如果使用预编译的模板则为18kb。
为了看到Handlebars.js的性能优势,我们必须使用预编译的模板。
来源:JavaScript模板引擎概述
-除了对车把使用"this",对mustache使用变量块内的嵌套变量,你也可以对mustache使用块内的嵌套点:
{{#variable}}<span class="text">{{.}}</span>{{/variable}}