浅谈单页面和多页面应用的区别
最近做项目，领导说做一个多页面应用，之前做过单页面应用，为此查阅相关资料，总结一下二者的异同。
何为多页面？多页多页就是应用有多个页面。
何为单页面？单页单页就是应用有单个主界面。
|
| 单页面 | 多页面 |
|---|---|
| 组成：一个外壳页面和多个页面片段组成 | 组成：多个完整页面组成，记得是完整页面 |
| css、js等资源：共用。只在外壳部分加载 | css、js等资源：不共用。加载一个页面就去加载对应的资源 |
| url模式：a.com/#/pageone a.com/#/pagetwo | url模式：a.com/pageone.html a.com/pagetwo.html |
| 刷新方式：局部刷新 | 刷新方式：整页刷新 |
| 用户体验：页面切换速度快，用户体验较好 | 用户体验：页面切换速度慢，影响用户体验。 |
| 数据传递：容易 | 数据传递：依赖 url传参、或者cookie 、localStorage等 |
| 搜索引擎优化： 需要单独方案做，有点麻烦 | 搜索引擎优化：比较容易 |
| 开发成本：较高，需要专业的框架 | 开发成本：较低，但重复代码多 |
| 维护成本：相对容易 | 维护成本：相对复杂 |