说说你对 SPA 单页面的理解,它的优缺点分别是什么

单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的Web 应用,它将所有的活动局限于一个 Web 页面中,仅在该 Web 页面初始化时加载相应的 HTML、JavaScript 和CSS,一旦页面加载完成了,SPA 不会因为用户的操作而进行页面的重新加载或跳转,取而代之的是利用 JavaScript 动态的变换 HTML 的内容,从而实现 UI 与用户的交互,由于避免了页面的重新加载,SPA 可以提供较为流畅的用户体验,得益于 ajax,我们可以实现无跳转刷新,又多亏了浏览器的 histroy 机制,我们用 hash 的变化从而可以实现推动界面变化,从而模拟元素客户端的单页面切换效果:
SPA 被人追捧是有道理的,但是它也有不足之处,当然任何东西都有两面性,以下是卤煮总结的一些目前 SPA 的优缺点:
1、 优点:
1,1)无刷新界面,给用户体验原生的应用感觉
1,2)节省原生(android 和 ios)app 开发成本
1,3)提高发布效率,无需每次安装更新包
1,4)容易借助其他知名平台更有利于营销和推
1,5)符合 web2.0 的趋势
2、 缺点:
1) 效果和性能确实和原生的有较大差距
2) 各个浏览器的版本兼容性不一样
3) 业务随着代码量增加而增加,不利于首屏优化
4) 某些平台对 hash 有偏见,有些甚至不支持 pushstate
5) 不利于搜索引擎抓取

posted @ 2023-06-28 14:05  jialiangzai  阅读(68)  评论(0)    收藏  举报