单页面(SPA),普通一点说便是指只有一个主页面的运用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多运用于pc端。
多页面(MPA),便是指一个运用中有多个页面,页面跳转时是整页刷新。
单页面的优点:

1,用户体验好,快,内容的改变不须要重新加载全体页面,基于这一点spa对做事器压力较小
2,前后端分离
3,页面效果会比较炫酷(比如切换页面内容时的专场动画)
单页面缺陷:
1,不利于seo
2,导航不可用,如果一定要导航须要自行实现提高、退却撤退。(由于是单页面不能用浏览器的提高退却撤退功能,以是须要自己建立堆栈管理)
3,初次加载时耗时多
4,页脸庞杂度提高很多
查找资料过程中觉得掘金上一个博主总结的很好,拿到这里借鉴下:
图片来源地址:https://juejin.im/post/5a0ea4ec6fb9a0450407725c
欢迎关注"大众年夜众号:前端冒险指南,每天更新更多的资讯