Javascript模板框架

Javascript template framework

本文关键字：框架 Javascript      更新时间：2023-09-26

我正在编写许多web应用程序，这些应用程序需要大量的动态内容，这些内容会根据各种ajax请求被替换到能够以JSON形式响应所有数据的PHP+mySQL后端。这可能是测验、民意测验，也可能是需要更多DOM更新的更高级的应用程序。重点是与HTML的集成（wich由第三部分编码）尽可能简单。

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

所需功能：

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

我会尝试Distal。

您说过您的HTML是由第三方编码的，因此您希望在集成过程中进行最小的更改。使用远端，您可以将内容添加到现有的HTML中，而不需要四处移动。

语法是基于HTML的，因此它适用于纯HTML的编码器。

Mustache相当坚固，但我发现它对"无逻辑模板"这件事有点过于强硬。例如，它不像"else"语句那样提供了模板系统中所希望的许多小细节。你必须一直做这样愚蠢的事情：

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

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

我会尝试胡子。我过去用过它，它很好；快速直观。

试试JUST。它与EJS的语法相似，但功能更强大。它具有非常有用的特性，如继承、分部和块重新防御。它在客户端和服务器（node.js）端工作。

相关文章：