最担心的事情之一就是 JavaScript 的重量。所以，我的意思是，我认为性能是一个重要因素，性能是人们选择使用 Astro 的一个重要原因。是对的吗？ 马修：哦，是的，绝对是。所以 Astro 默认情况下不添加任何 JavaScript。显然，您可以添加自己的脚本标签，并且可以在 HTML 中执行任何操作，但默认情况下，考虑到其他类型的基于组件的框架，我们实际上不会为您添加任何 JavaScript，除非您明确告诉我们。我认为这是我们很早就做对的一件事。这实际上是一个意外，我们只是在构建这个东西，我们只是没有放入让 JavaScript 加载的部分。我们只是没有写那部分。我们刚刚编写了生成 HTML 的部分，然后我们就想，“哦，我们实际上更喜欢这个。” 马修：无论如何，我们最终要做的是使用一种称为部分水合的技术。
我不知道你是否熟悉这点
但本质上这是一种方法，你有一个组件，我们只想水合客户端中实际需要的部分。因此，如果您更熟悉传统的 SPA、单页应用程序方法，通常只有一个组件，即您的应用程 埃及电话号码表 序组件，它只是在其中嵌套了一千个组件。正确的？其中一些组件实际上是交互式的，对吧？可能有一个下拉菜单，也可能有某种类型的带有验证的表单，无论它是什么。这些是实际需要在客户端中运行的部分，但正如 SPA 架构的工作方式一样，您必须运行整个事物的所有代码才能使其正常工作。 马修：因此，一般来说，部分水合是一种找出真正重要的部分、实际需要在客户端中运行的部分的方法，并且只看到 JavaScript。我们团队的成员之一 Nate Moore 参与了这个名为 Microsite 的项目，它是一个 Preact 服务器渲染项目 Preact。它会做的是你告诉它，“好吧，这个组件需要在客户端中实际运行”，它会为此添加 JavaScript。所以他之前就研究过这种部分水合作用的想法，我们刚刚采用了它。
他加入了我们的团队我们就
采用了这种方法。 马修：因此，Astro 所做的一件独特的事情就是你告诉它你希望它如何在客户端中补水，我的意思是你可以通过不同的方式补水。Astro 总是延迟加载 BTC 数据库欧盟 意味着我们不会在头部为您的组件添加脚本标签或类似的东西。我们不这样做。相反，我们有一个加载 JavaScript 的内联脚本。所以你可以加载，我认为现在有四种不同的方式，你可以在页面加载时加载。这就是浏览器中存在的加载事件，您可以在空闲时加载。因此，有一个名为 requestIdleCallback 的浏览器 API，它的作用是让您基本上知道 CPU 何时空闲、浏览器何时不忙于工作，以便您可以通过这种方式加载。您可以加载可见性，这意味着，例如，您可能有一个位于页面下方很远的组件， 马修：最后，有一种称为媒体，它基于媒体查询。因此，其用例是，例如，您有一些仅在移动设备上运行的组件，并且我确信您已经看到了可以单击查看的侧边栏。这些类型的东西通常很多时候并不存在于桌面上，因此您可以设置媒体查询，并且只有在与该媒体查询匹配时才会加载该组件。