SPA 即( single-page application )仅在Web页面初始化加载相应的HTML、CSS和JavaScript。
一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转;
而是通过路由机制来实现HTML内容的变换,UI与用户的交互,避免页面的重新加载。
优点:
1. 用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染;
2. SPA相对对服务器压力小;
3. 前后端职责分离,架构清晰,前端进行交互逻辑,后端负责处理数据;
缺点:
1. 首屏(初次)加载慢:为实现单页面Web应用功能和显示效果,需要在加载资源的时候将CSS和JavaScript统一加载,部分页面按需加载;
2. 不利于SEO:由于所有的内容都在一个页面中动态替换显示,所以在SEO上有着天然的弱势。