SPA(单页面应用)和 MPA(多页面应用) ​

SPA ​

它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript 和 CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，也不会将控制转移到其他页面。

常见的 SPA 有 react、vue、angular、ember。

MPA ​

每个页面都是独立的主页面。当我们在访问另一个页面的时候，需要重新加载 HTML、JavaScript 和 CSS 文件。通常情况下不同页面之间存在相同的部分，如头部、底部、菜单、样式列表等，这样浪费一部分资源。

SPA 与 MPA 对比 ​