一,优点
SPA 单页面应用程序最显著的 3 个优点如下:
①
良好的交互体验
单页应用的内容的改变不需要重新加载整个页面,只有一个HTML页面
因为没有页面之间的跳转,不会出现“白屏现象”
获取数据也是通过 Ajax ,Axios异步获取
②
良好的前后端工作分离模式
后端专注于提供 API 接口,更易实现 API 接口的复用
像小程序,app,pc都可以使用同一份API接口
前端专注于页面的渲染,更利于前端工程化的发展
③
减轻服务器的压力
服务器只提供数据,不负责页面的合成与逻辑的处理,吞吐能力会提高几倍
二,缺点
①
首屏加载慢
为什么呢?
因为在该HTML 页面初始化时加载完相应的资源( HTML、 JavaScript 和 CSS),
意思就是说 :在打开HTML页面的一瞬间要加载很多资源,
解决办法可以是下面4种:
路由懒加载
代码压缩
CDN 加速
网络传输压缩
②
不利于 SEO
可以通过SSR 服务器端渲染