单页面应用的优点和缺点

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

多页面应用(MPA)

多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。
首屏时间快(只经历了一个http请求的时间);seo效果好;页面切换慢(每次请求都需要发一次http请求)

单页面应用的优点和缺点相关推荐

  1. 【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP

    前言 本来只是想学习 React-Router v6 ,没有想到,带出了这么多东西.前后端路由有什么区别?SPA与MPA的是什么?在了解到前端路之后又发现单页面于应用与多页面应用的不同之处,以及 .n ...

  2. 前端的单页面模式和多页面模式

    一.前言 前端部分的搭建,需要考虑使用哪种模式进行页面之间的跳转交互, 而项目内的页面交互,不可避免的需要相互之间的数据共享. 这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享 ...

  3. 单页面与多页面的区别及优缺点

    单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css.所有的页面内容都包含在这个所谓的主页面中.但在写的时候,还是会分开写(页面片段), ...

  4. Bootstrap:关于bootstrap单页面中多Modal的问题

    2019独角兽企业重金招聘Python工程师标准>>> 在单页面中新建用户采用modal而判断添加成功后还采用modal提示成功后右边的滚动条会出来俩条,覆盖整个body的阴影瞬间变 ...

  5. app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑

    写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏 项目第一次上线正常 项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...

  6. java用爬虫爬一个页面_使用Java写一个简单爬虫爬取单页面

    使用Java爬虫爬取人民日报公众号页面图片 使用Java框架Jsoup和HttpClient实现,先看代码 爬取目标页面 1.使用Maven构建一个普通Java工程 加入依赖: org.jsoup j ...

  7. django中的缓存 单页面缓存,局部缓存,全站缓存 跨域问题的解决

    django中的缓存 单页面缓存,局部缓存,全站缓存 跨域问题的解决 参考文章: (1)django中的缓存 单页面缓存,局部缓存,全站缓存 跨域问题的解决 (2)https://www.cnblog ...

  8. Nginx 解决WebApi跨域二次请求以及Vue单页面问题

    Nginx 解决WebApi跨域二次请求以及Vue单页面问题 参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...

  9. nginx配置解决vue单页面打包文件大,首次加载慢的问题

    nginx配置解决vue单页面打包文件大,首次加载慢的问题 参考文章: (1)nginx配置解决vue单页面打包文件大,首次加载慢的问题 (2)https://www.cnblogs.com/golo ...

最新文章

  1. Android学习-- 基于位置的服务 LBS(基于百度地图Android SDK)--定位SDK
  2. Navicat for SQL Server 文件属性有哪些
  3. 视频流中的DTS、PTS到底是什么
  4. [ 测试管理 ] 如何描述缺陷报告?
  5. Javascript中使用正则表达式进行数据验证
  6. linux中的守护进程
  7. Apache JMeter 测试 HTTP接口
  8. 分析mysql慢查询_mysql慢查询的分析方法_MySQL
  9. jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器
  10. springboot读取linux文件_SpringBoot 读取文件代码模版
  11. Docker系列(七)构建镜像
  12. Atitit.部分错误 设计模式,异常处理框架atiPartErr 的总结
  13. 基于51单片机MAX6675 MAX1241的热电偶测温电机驱动系统proteus仿真 程序设计
  14. gitlab自定义头像设置
  15. FIB聚焦离子束系统常见的应用场景
  16. HDU2099-整除的尾数
  17. 建设规划合理、高效便捷的现代物流中心——浙江嘉兴市局(公司)卷烟物流配送中心建设纪实...
  18. JavaScript: JSON基本概念带题解
  19. 易岸公考:国考公务员高频常识
  20. 海信85u8e和海信85e7f有什么区别 哪个好详细性能配置对比

热门文章

  1. Vue3+Element-Plus 项目概述一
  2. 微信公众平台搭建与开发(一)基本搭建和编辑模式
  3. 解决centos7 安装 mysql8 Requires: libstdc++.so.6(GLIBCXX_3.4.21)(64bit)....的常见坑
  4. 测试cpu多核性能软件,CPU测试软件权重大改,多核性能仅占2% 玩家:你疯了吗
  5. 复旦微电子fpga数据手册_创元微电子 招贤纳士
  6. 计算机音乐数字乐谱未闻花名,secret base(未闻花名)半音阶口琴谱动漫歌曲谱 acg谱...
  7. Excel办公(两张表数据匹配)
  8. 读书笔记 | 理解现代经济学
  9. B-Tree Summing 记录一种用来处理复杂输入的好方法
  10. 2021-10-21电力系统分析三相短路电流汇总