单页面应用程序 SPA ​

单页面应用程序将所有的功能局限于一个 web 页面中，仅在该 web 页面初始化时加载相应的资源（ HTML、JavaScript 和 CSS）。 一旦页面加载完成了，SPA 不会因为用户的操作而进行页面的重新加载或跳转。而是利用 JavaScript 动态地变换 HTML 的内容，从而实现页面与用户的交互。

SPA 的优点：

• 良好的交互体验

  • 内容的改变不需要重新加载整个页面
  • 数据通过 Ajax 异步获取
  • 没有页面跳转，不会出现白屏现象

• 良好的前后盾工作分离模式

  • 后端专注于提供 API 接口，更易实现接口复用
  • 前端专注页面渲染，更利于前端工程化发展

• 减轻服务器压力

  • 服务器只提供数据，不负责页面的合成与逻辑处理，吞吐能力会提高 SPA 的缺点：

• 首屏加载慢：可使用路由懒加载、代码压缩、CDN 加速、网络传输压缩

• 不利于 SEO ：SSR 服务器端渲染