为什么我们都在谈论 HTMX

[Dimaeiya333]

近，围绕 HTMX 的讨论非常多，并且该库的搜索量在过去五年中猛增。

显示 2019 年 7 月至 2024 年 1 月期间利息随时间变化的折线图。该图表开始时较低且相对平坦，直到 2022 年中期，然后显示急剧上升，随后波动到较高水平，直到 2023 年和 2024 年初。
Google 趋势图显示 HTMX 的搜索量在五年内有所增加。
受欢迎程度的增加部分归因于社交媒体和开发者论坛的知名度。然而，HTMX 有几个因素使其成为有吸引力的开发选择。

简单。由于 HTMX 使用众所周知的 HTML 语法来帮助您创建动态、交互式 Web 应用程序，因此它非常容易实现，并且几乎没有典型 JavaScript 框架的复杂性。
表现。通过最大限度地减少所需的 JavaScript 数量，HTMX 可以提供比其他框架更快的加载时间和更好的性能，特别是对于移动设备。
服务器端渲染。如果您想提高初始页面加载时间和搜索引擎优化 (SEO)，服务器端渲染非常有用。 HTMX 将此纳入其功能集中。
逐步改进。这意味着为网站添加交互性，而不会破坏禁用 JavaScript 的用户的功能。 HTMX 遵循这些原则，因此具有可访问性优势。
此外，与一些较大的框架不同，HTMX 不需要复杂的构建过程或工具链。再加上更低的学习曲线，将库集成到您的项目中变得更加容易。

这些优势反过来又导致了 HTMX 的更多讨论和采用。如果您正在寻找更简单的解决方案来创建交互式 Web 体验，那么这个库可能是您的选择。

WordPress 架构与 JavaScript 的关系
WordPress 与 JavaScript 的历史从2015 年 State of the Word开始加快步伐，当时 Matt Mullenweg 总结道：“深入学习 JavaScript”。

WordPress 开发人员的典型路径是调查网站上对交互式和动态组件的需求。在大多数情况下，jQuery一直是 WordPress JavaScript 框架。甚至非常流行的《Harvard Gazette》网站也是基于 jQuery 的：

哈佛公报主页，有一张年长女性的大幅主图，以及当前文章的侧边栏，其中有特色图片。
哈佛公报网站，使用 WordPress 和 jQuery 运行。
因此，WordPress默认使用jQuery。此外，许多核心功能、插件和主题都广泛使用它。这种方法是一致的并得到广泛支持。

WordPress 块编辑器界面。左侧是一个侧边栏，其中包含多个块选项，例如段落、标题、列表和表格。主要内容区域显示一个表格块，其中包含 WordPress 版本号和发布日期，以及上传媒体文件或访问媒体库的选项。界面采用白色背景的干净而现代的设计。
在 WordPress 块编辑器中显示块侧边栏。
然而，随着 Web 开发的发展，WordPress 的 JavaScript 方法也在不断发展。块编辑器的引入伴随着使用React 框架构建用户界面的转变，尤其是在 WordPress 仪表板中。

使用当前 WordPress JavaScript 实现的优点和缺点
这意味着 WordPress 核心支持多种框架。这有一些优点和一些缺点。首先，积极的几点：

对 React 和 jQuery 都有广泛的支持。第一个是一个强大且流行的框架。第二个，它与 WordPress 有着悠久的联系。
由于 React 和 jQuery 很流行，许多开发人员都熟悉这些框架。此外，您还可以找到更多资源来学习和解决这两个问题。
WordPress 通过wp_ajax.
然而，这些优点有几个缺点可以抵消：

依赖 jQuery会影响站点的性能，并且某些应用程序可能不需要该框架。
出于兼容性和安全原因，并非所有“现代”JavaScript 特性和功能都在 WordPress 中实现。如果您特别想要构建某些东西，这可能会成为一个问题。
通过将 React 添加到 WordPress 的各个领域（例如块和站点编辑器），您的学 兼职数据 习曲线将比以往任何时候都更大。
如果您具有推荐框架的开发知识或有时间学习它们，那么 WordPress 当前的 JavaScript 架构是合适的。如果没有，您可能需要一个不具有典型框架复杂性，但在前端提供现代交互体验的解决方案。在这种情况下，应考虑 HTMX。

为什么 HTMX 可能更适合某些 WordPress 开发任务
在 WordPress 开发方面，HTMX 提供了一些引人注目的优势。它可以在 jQuery 的简单性和 React 的现代性和性能之间提供一个中间立场。

我们已经讨论过其中一些方面，但让我们简要回顾一下：

与 jQuery 和 React 相比，HTMX 的“重量”会对性能产生很大影响。
大多数 WordPress 开发人员认为自己在 HTML 和 PHP 方面比 JavaScript 更专家。 HTMX 在您使用时提供了更容易的进入障碍，就像标记语言一样。
由于服务器端渲染，PHP 和 HTMX 也可以很好地协同工作，这可能再次对性能产生积极影响。
尽管是一个“较新”的库，您可以更轻松地集成 HTMX 并快速了解它的工作原理。这将有利于您的工作流程。
对于 WordPress 开发，我们还喜欢您可以轻松地为网站创建新功能原型。您可以通过在现有 HTML 中进行编程来快速创建复杂的新函数。从那里，您可以在需要时灵活地添加 React 组件或一些 jQuery。

HTMX 的渐进增强原则也很有吸引力。可访问性应该是您设计策略的核心，HTMX 可以让您构建交互性，而不会破坏那些选择在浏览器中禁用 JavaScript 的人的交互性。

最后，HTMX 的一个显着优势是它不需要任何自定义或特殊的服务器端配置。您可以将 HTMX 标记用于任何托管，包括Kinsta。