vue开发的spa有什么优缺点
优点:1、良好的交互体验;2、前后端分离,减少开发效率;3、架构清晰;4、减轻服务器的压力。缺点:1、对SEO并不友好;2、可能出现首屏加载时间过长的问题;3、页面复杂度提高,复杂逻辑程度成倍。
本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
什么是SPA?
单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了, SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI与用户的交互。由于避免了页面的重新加载,SPA 可以提供较为流畅的用户体验。
SPA的优点是什么?
1、良好的交互体验
因为是局部渲染,每个部分是单独的模块。避免了不必要的跳转和重复渲染
2、前后端分离 减少开发效率。
3、架构清晰。
4、减轻服务器的压力。
服务器只需要提供数据,不需要管前端展示逻辑和页面合成,提高了性能。
5、共用一套后端程序代码。
SPA的缺点是什么?
1、对SEO并不友好
2、可能出现首屏加载时间过长的问题。
(为实现单页面。需要在加载页面使将js css统一加载,部分页面按需加载)
因首屏加载时间过长导致白屏,如何解决?可以利用骨架屏效
3、页面复杂度提高。
复杂逻辑程度成倍。
【相关推荐:《vue.js教程》】
以上就是vue开发的spa有什么优缺点的详细内容,更多请关注其它相关文章!
上一篇: jquery怎么去掉tr
推荐阅读
-
中国的机关枪是什么时候出现的?戴梓发明的连珠枪有哪些优缺点?
-
一体机电脑有什么优缺点 电脑台式一体机好不好的详细分析说明
-
Redis面试篇 -- Redis持久化的方式有哪些?优缺点分别是什么?
-
“募兵制”是从什么时候开始发展起来的?明朝的“募兵制”有什么优缺点?
-
vue3.0响应式数据是如何实现的?相比vue2.0中Object.defineProperty()有什么优势?
-
iOS开发中,block与代理的对比,双方的优缺点及在什么样的环境下,优先使用哪一种更为合适?
-
vue 的虚拟 DOM 有什么好处?
-
笔记本超频好吗 笔记本超频后的有什么优缺点
-
前端开发和后端开发都是干什么的?有哪些区别?
-
dwz - 开发一个基于PHP 的后台管理系统,相当于一个招生系统的界面,有什么推荐的吗?