vue中SPA的优缺点和理解

Posted 2021-02-28 ly1368489670

　　　　　　　　　　　　　　　　说说你对SPA的理解，他的优缺点分别是什么？

　　　　SPA（single-page application） 尽在Web页面初始化时加载相应的html，javascript和CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或者跳转；取而代之的时利用路由机制实现HTML内容的变化，UI与用户的交互，避免页面的重新加载。

　　　　优点： 

　　　　　　用户体验好、快、内容的改变不需要重新加载真个页面，避免了不必要的跳转和重复渲染；甚至于上面的一点，SPA相对对服务器压力小；前后端职责分离，架构清晰，前端进行交互逻辑，后端负责数据处理；

　　　　缺点：

　　　　　　初次加载耗时多；位实现单页Web应用功能及显示效果，需要在加载页面的时候讲JavaScript、CSS统一加载，部分页面按需加载，前进后退路由管理，由于单页应用在一个页面中显示所有的内容，所以不能使用浏览器的前进后退功能，所有页面切换需要自己建立堆栈管理；SEO难度较大；由于所有的内容都在一个页面中动态替换显示，所以SEO上有着天然的弱势

　　　　总结：

　　　　　　整个应用只有一个.html文件

　　　　　　S(Single)P（Page）A（applaction）

　　　　　　单页应用的优点，全局只有一个html，他的刷新是局部刷新。　　

　　　　　　优点是：响应速度快，用户体验性好

　　　　　　缺点是：不利于SEO(搜索引擎)优化，首页加载过慢

　　　　单页应用的案例： se6官网