SPA及其优缺点

SPA：单页面web应用，一般整个应用只有一个html页面，通过前端路由实现无刷新跳转。

• Vue就是SPA应用的典型代表，特别是配合webpack等前端构建工具，加载页面的时候将JavaScript、CSS统一加载，然后通过监听url的hash实现内容切换。

优点：

• 无刷新切换内容，提高用户体验。
• 符合前后端分离的开发思想，通过ajax异步请求数据接口获取数据，后台只需要负责数据，不用考虑渲染。前端使用vue等MVVM框架渲染数据非常合适。
• 减轻服务器压力，展示逻辑和数据渲染在前端完成，服务器任务更明确，压力减轻。
• 后端数据接口可复用，设计JSON格式数据可以在PC、移动端通用。

缺点：

• 不利于SEO（搜索引擎优化），应用数据是通过请求接口动态渲染，不利于SEO。
• 首页加载慢，SPA下大部分的资源需要在首页加载，造成首页白屏等问题。