javascript - 性能以及何时将数据加载到 JS 框架中

Question

我对此还比较陌生。所以我有一个关于 React 和 vue 等 JS 框架的一般性问题。以及性能。

使用 React 或 vue 的网站会一次性加载所有数据吗？例如，如果我有一个包含很多图片的页面。然后在使用组件或用户调用页面时加载它们？

我找到了simple example of a vanilla JavaScript spa 。在那里，页面只是隐藏的，但仍然加载。在大型框架中也是如此吗？

谢谢!

Answer 1

当您第一次访问 SPA 时，某些框架会立即加载整个代码库和媒体。您拥有完整的代码和媒体，无需每次导航时都重新加载应用程序。

但是，某些框架允许您使用延迟加载来构建应用程序。当 SPA 使用延迟加载时，它仅在必要时加载某些 JS 和 html 文件。

借助 React，您可以使用这两种技术构建应用程序。您可以强制用户一次加载所有覆盖范围或按路线划分文件。