.什么是 SPA 单页面,它的优缺点分别是什么
2024-10-21 14:31:06
SPA( single-page application )即一个web项目就只有一个页面(即一个HTML文件,HTML 内容的变换是利用路由机制实现的。
仅在 Web 页面初始化
时加载
相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转
;取而代之的是利用路由
机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载
。
优点:
- 用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染;
- 基于上面一点,SPA 相对对服务器压力小;
- 前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理;
缺点:
初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;
前进后退路由管理:由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,所有的页面切换需要自己建立堆栈管理;
SEO 难度较大:由于所有的内容都在一个页面中动态替换显示,所以在 SEO 上其有着天然的弱势。
最新文章
- 2 . Linux常见命令
- jQuery 中对 CommonJs 的支持处理
- 文件和目录:access函数
- JavaScript基础---语言基础(1)
- find 和 locate 命令
- IOS版UC我的视频地址
- scala知识点(一)
- rpm打包工具---FPM
- maven 安装本地jar
- nginx非root安装
- java基础之Number
- python 在.py文件中调用其他.py内的函数
- java实现导入excel功能
- Intellij部署Tomcat问题
- 从源码角度一步一步来修改PreferenceActivity界面
- fnmatch源码阅读
- css 设置背景色
- 解决以showModalDialog打开的页面在提交表单时弹出新窗口的问题
- BZOJ 1050 旅行comf 并查集+枚举下界
- C++之extern关键字
热门文章
- 插入排序(CSP-J 2021 T2)我有新思路了,链接:https://www.cnblogs.com/wjk53233/p/16533752.html
- Vue06 数据绑定
- rosdep update 一直失败问题
- ASP.NET Core - 依赖注入(二)
- 高仿微信|基于Windows微信实现一个IM即时通讯App
- OpenLayers集成ECharts
- 图形学101 3 transform
- 银河麒麟V10安装MySQL5.7
- 【win+r】快速打开软件
- K8存储之ConfigMap、Secret