菜鸟前端的职业生涯(搞懂单页面多页面应用)
一直以来都听说vue(本菜鸟唯一会的框架)是做单页面应用的,也知道单页面多页面是咋回事,今天闲来无事(刚入职,这个版本没我什么事)把这个问题好好搞搞懂
单页面:
- 只有一张Web页面的应用
- 使用vue-router来进行页面内容的更换;
- 可通过全局变量或者参数传递,进行相关数据交互
优缺点:
- 由于只需要加载局部,所以页面切换快
- 由于第一次加载要加载全部内容,所以首屏时间慢
- 由于只有一个页面,所以SEO效果差
多页面
- 多页面跳转需要刷新所有资源,每个公共资源(js、css等)需选择性重新加载
- 使用window.location.href = "./index.html"进行页面间的跳转
- 使用路径携带数据传递的方式,或storage、cookie方式
优缺点:
- 每次跳转都需要重新加载,所以页面切换慢
- 由于第一次加载不需要加载全部内容,所以首屏时间快
- 有多个页面,所以SEO效果好
总结
怎么看怎么觉得单页面要好一点,嘿嘿