性能和数据何时加载到 JS 框架中答案

【问题标题】：Performance and when data gets loaded in JS Frameworks性能和数据何时加载到 JS 框架中
【发布时间】：2018-01-20 08:02:14
【问题描述】：

我对它比较陌生。所以我有一个关于 React 和 vue 等 JS 框架的一般性问题。并表现出色。

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

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

谢谢！

【问题讨论】：

我不认为这是一个与框架相关的问题，我很确定您可以使用任何 JS 框架（例如 React 和 Angular）实现此行为。我不知道 Vue，但只要它是 javascript，你就可以控制 DOM 树，这样你就可以执行这种操作。

【解决方案1】：

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

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

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

【讨论】：