浅谈单页面和多页面应用的区别

浅谈单页面和多页面应用的区别

最近做项目，领导说做一个多页面应用，之前做过单页面应用，为此查阅相关资料，总结一下二者的异同。
何为多页面？多页多页就是应用有多个页面。
何为单页面？单页单页就是应用有单个主界面。
|

单页面	多页面
组成：一个外壳页面和多个页面片段组成	组成：多个完整页面组成，记得是完整页面
css、js等资源：共用。只在外壳部分加载	css、js等资源：不共用。加载一个页面就去加载对应的资源
url模式：a.com/#/pageone a.com/#/pagetwo	url模式：a.com/pageone.html a.com/pagetwo.html
刷新方式：局部刷新	刷新方式：整页刷新
用户体验：页面切换速度快，用户体验较好	用户体验：页面切换速度慢，影响用户体验。
数据传递：容易	数据传递：依赖 url传参、或者cookie 、localStorage等
搜索引擎优化： 需要单独方案做，有点麻烦	搜索引擎优化：比较容易
开发成本：较高，需要专业的框架	开发成本：较低，但重复代码多
维护成本：相对容易	维护成本：相对复杂