什么是单页面应用,它有什么优缺点?

vue 496849654@qq.com 1年前 (2020-06-18) 528次浏览 0个评论

单页面应用(SPA) :

通俗点说就是指 只有一个主页面的应用,浏览器一开始要加载所有必须的 html,css,js。所有的页面内容都包含在这个所谓的主页中。但是写的时候,还是会分开写(页面片段),然后在交互的时候由 路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多应用于 PC 端。

多页面应用 (MPA):

一个应用中有 多个页面,页面跳转的时候是 整页进行刷新。

单页面(SPA)和多页面(MPA)的对比 :

什么是单页面应用,它有什么优缺点?

单页面的优点 :

用户体验好,快,内容的改变不需要加载整个页面,基于这一点 SPA 对服务器压力较小。
前后端分离。
页面效果会比较炫酷(比如切换页面内容时的专场动画)。

单页面的缺点 :

1、不利于 SEO。(可利用 SSR,服务器端渲染,进行优化)。
2、导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理)。
3、初次加载时耗时多。(首屏加载速度慢)
4、页面复杂度提高很多。


css315 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:什么是单页面应用,它有什么优缺点?
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址