菜鸟前端的职业生涯（搞懂单页面多页面应用）

菜鸟前端的职业生涯（搞懂单页面多页面应用）

一直以来都听说vue（本菜鸟唯一会的框架）是做单页面应用的，也知道单页面多页面是咋回事，今天闲来无事（刚入职，这个版本没我什么事）把这个问题好好搞搞懂

单页面：

1. 只有一张Web页面的应用
2. 使用vue-router来进行页面内容的更换；
3. 可通过全局变量或者参数传递，进行相关数据交互

优缺点：

1. 由于只需要加载局部，所以页面切换快
2. 由于第一次加载要加载全部内容，所以首屏时间慢
3. 由于只有一个页面，所以SEO效果差

多页面

1. 多页面跳转需要刷新所有资源，每个公共资源(js、css等)需选择性重新加载
2. 使用window.location.href = "./index.html"进行页面间的跳转
3. 使用路径携带数据传递的方式，或storage、cookie方式

优缺点：

1. 每次跳转都需要重新加载，所以页面切换慢
2. 由于第一次加载不需要加载全部内容，所以首屏时间快
3. 有多个页面，所以SEO效果好

总结

怎么看怎么觉得单页面要好一点，嘿嘿