Quais são as diferenças entre Mustache.js e Handlebars.js?

As principais diferenças que eu vi são:

• Guidão acrescenta #if, #unless, #with, e#each
• Guidão adiciona ajudantes
• Modelos de guidão são compilados (o bigode também pode ser)
• O guidão suporta caminhos
• Permite o uso de {{this}}em blocos (que gera o valor da string do item atual)
• Handlebars.SafeString() (e talvez alguns outros métodos)
• O guidão é 2 a 7 vezes mais rápido
• O bigode suporta seções invertidas (ie if !x ...)

(Corrija-me se estiver errado com o que foi dito acima.)

Faltam outras diferenças importantes?

Você acertou em cheio, no entanto, os modelos do Bigode também podem ser compilados.

O bigode está faltando ajudantes e os blocos mais avançados porque se esforça para não ter lógica. Os auxiliares personalizados do guidão podem ser muito úteis, mas muitas vezes acabam introduzindo lógica nos seus modelos.

O bigode tem muitos compiladores diferentes (JavaScript, Ruby, Python, C, etc.). O guiador começou em JavaScript, agora existem projetos como django-handlebars , handlebars.java , handlebars-ruby , lightncandy (PHP) e handlebars-objc .

Profissionais do bigode:

• Escolha muito popular entre uma comunidade grande e ativa.
• Suporte do servidor em vários idiomas, incluindo Java.
• Modelos sem lógica fazem um ótimo trabalho ao forçar você a separar a apresentação da lógica.
• A sintaxe limpa leva a modelos fáceis de construir, ler e manter.

Contras do bigode:

• Um pouco sem lógica: tarefas básicas (por exemplo, rotular linhas alternativas com diferentes classes CSS) são difíceis.
• A lógica de exibição geralmente é enviada de volta ao servidor ou implementada como uma "lambda" (função que pode ser chamada).
• Para que lambdas funcionem no cliente e no servidor, você deve escrevê-los em JavaScript.

Profissionais do guidão:

• Modelos sem lógica fazem um ótimo trabalho ao forçar você a separar a apresentação da lógica.
• A sintaxe limpa leva a modelos fáceis de construir, ler e manter.
• Modelos compilados em vez de interpretados.
• Melhor suporte para caminhos do que bigode (ou seja, atingindo profundamente um objeto de contexto).
• Melhor suporte para ajudantes globais do que bigode.

Guiador contras:

• Requer JavaScript do lado do servidor para renderizar no servidor.

Fonte: o lançamento do modelo do lado do cliente: bigode, guidão, dust.js e mais

Uma diferença sutil, mas significativa, está na maneira como as duas bibliotecas abordam o escopo. O bigode retornará ao escopo dos pais se não conseguir encontrar uma variável no contexto atual; O guidão retornará uma string em branco.

Isso é pouco mencionado no README do GitHub, onde há uma linha para isso:

O guidão se desvia levemente do bigode, por não executar pesquisa recursiva por padrão.

No entanto, como observado lá, há uma bandeira para fazer o guidão se comportar da mesma maneira que o Bigode - mas isso afeta o desempenho.

Isso afeta a maneira como você pode usar #variáveis ​​como condicionais.

Por exemplo, no Bigode, você pode fazer isso:

{{#variable}}<span class="text">{{variable}}</span>{{/variable}}

Basicamente, significa "se a variável existir e for verdadeira, imprima uma extensão com a variável nela". Mas no guidão, você teria que:

• use em {{this}}vez disso
• use um caminho pai, ou seja, {{../variable}}para voltar ao escopo relevante
• definir um variablevalor filho dentro do variableobjeto pai

Mais detalhes sobre isso, se você quiser, aqui .

NOTA: Esta resposta está desatualizada. Era verdade no momento em que foi postado, mas não é mais.

O bigode possui intérpretes em vários idiomas, enquanto o guidão é apenas Javascript.

Outra diferença entre eles é o tamanho do arquivo:

• O Mustache.js tem 9kb,
• O Handlebars.js possui 86kb ou 18kb se estiver usando modelos pré-compilados .

Para ver os benefícios de desempenho do Handlebars.js, precisamos usar modelos pré-compilados.

Fonte: Uma visão geral dos mecanismos de modelagem de JavaScript

Mais uma diferença sutil é o tratamento de valores falsos em {{#property}}...{{/property}}blocos. A maioria das implementações de bigodes apenas obedecem à falsidade de JS aqui, não renderizando o bloco se propertyfor ''ou '0'.

Guidão irá tornar o bloco para ''e 0, mas não outros valores Falsas. Isso pode causar alguns problemas ao migrar modelos.

Eu sinto que um dos contras mencionados para "Guiador" não é mais válido.

O Handlebars.java agora nos permite compartilhar as mesmas linguagens de modelo para o cliente e o servidor, o que é uma grande vitória para projetos grandes com mais de 1000 componentes que exigem renderização no servidor para SEO

Dê uma olhada em https://github.com/jknack/handlebars.java

- Além de usar "this" para guidão e a variável aninhada no bloco variável para bigode, você também pode usar o ponto aninhado em um bloco para bigode:

    {{#variable}}<span class="text">{{.}}</span>{{/variable}}