Javascript模板框架

Question

我正在编写许多需要大量动态内容的Web应用程序，这些内容根据对PHP + mySQL后端的各种ajax请求进行替换，该后端能够将所有数据作为JSON响应。这可能类似于测验，民意调查，也可能是更高级的应用程序，需要更多的DOM更新。 关键是与HTML的集成（由第三部分编码）尽可能简单。

由于这是许多小型应用程序而不是大型网站，我正在寻找一个可以帮助我快速完成工作并且轻松以便稍后进行自定义的库。 我不知道这样做的最好方法，但要知道有各种各样的库可以满足我的需要（还有更多）。

必备功能

• 轻型
• 轻松更新HTML结构（即使是仅限HTML的编码器）
• 与jQuery兼容
• 适用于所有现代浏览器，包括Chrome，Firefox，Safari和IE7 +
• 适用于所有移动浏览器，包括Android，iOS和Windows Mobile

Answer 1

我会尝试Distal。

您说您的HTML是由第三方编码的，因此您希望在集成期间进行最少的更改。通过远端，您可以将内容添加到现有HTML中，而无需移动任何内容。

语法基于HTML，因此仅适用于HTML编码器。

Answer 2

Mustache相当稳固，但我发现它对于“无逻辑模板”的事情有点过于强硬。例如，它不会在模板系统中提供许多小小的细节，比如“else”语句。你必须一直做这样的蠢事：

{{#if foo}}
    <span>foo is set</span>
{{/if}
{{^if foo}}
    <span>foo is not set</span>
{{/if}}

相反，我建议建立在Mustache之上的Handlebars，但添加一些不错的功能，如自定义助手和更好的上下文切换支持。

Answer 3

我会尝试mustache。我过去曾经用它，而且非常好;快速而直观。

Answer 4

试试JUST。它与EJS具有相似的语法，但功能更强大。它具有非常有用的功能，如继承，部分和块重新授权。它适用于客户端和服务器（node.js）端。