SPA单页面应用程序（一）

SPA单页面应用程序

一、概念：指一个Web网站中只有唯一的一个HTML页面，所有功能与交互都在这唯一的一个也页面内完成。

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

三、优点：
①良好的交互体验
1、页面应用的内容的改变不需要加载整个页面
2、获取数据也是通过Ajax异步获取
3、没有页面之间的跳转，不会出现白屏现象。
②良好的前后端分离模式
1、后端专注于提供API接口，更容易实现API接口的复用
2、前端专注于页面的渲染，更利于前端工程化的发展
③减轻服务器的压力
1、服务器只提供数据，不负责页面的合成与逻辑的处理，吞吐能力会提高几倍

四、缺点、
①首屏加载慢
解决方法：
1、路由器懒加载
2、代码压缩
3、CDN加速
4、网络传输压缩
②不利于SEO
解决方法：
SSR服务器端渲染

5、快速创建vue的SPA项目
①基于vite创建SPA项目
②基于vue-cli创建SPA项目