vue等单页面应用及其优缺点
单页面应用(SPA),通俗一点说就是指只有一个主页面的应用。
单页面的优点:
用户体验好,快,内容的改变不需要重新加载整个页面,基于这一点spa对服务器压力较小。
前后端分离。
效果会比较炫酷(比如切换页面内容时的专场动画)。
单页面缺点:
不利于seo。
导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理)。
初次加载时耗时多。 页面复杂度提高很多。

相关推荐HOT
更多>>
vue等单页面应用及其优缺点
效果会比较炫酷(比如切换页面内容时的专场动画)。导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20
项目中的性能优化
keep-alive:缓存的组件的状态,切换组件的时候减少请求(结合实际) 组件销毁的时候, 将绑定的window等相关的事件取消监听,防止内存泄露...详情>>
2023-04-11 16:46:17
自己封装过组件吗?
还封装了错误捕捉ErrorBoundary组件,当捕获到错误的时候更改自身状态,来控制渲染一个备用UI,后来又根据需求,在内部实现了组件加载失败重试...详情>>
2023-04-11 16:32:49
初学java懵了,这个报错是为什么?
那我说了哈,咱妈问咱们,今天是在咱家过年,还是在咱妈家过年。Java中定义的类名是Scanner,那么在本类中使用时,默认这个Scanner就是你自己定...详情>>
2023-03-29 17:41:52热门推荐
技术干货






