单页面与多页面的区别
-
单页面应用(SPA):只有一个html页面,浏览器一开始要加载所有必须的html,js,css。所有的页面内容都包含在这个主页面中。跳转方式通过组件切换完成,仅刷新局部资源。
-
多页面应用(MPA):是多个html页面,跳转方式是整个html之间跳转,整个页面进行刷新。
优点
- 用户体验好,快,内容的改变不需要重新加载整个页面,基于这一点SPA对服务器压力较小;
- 组件化开发,组价可以复用,易维护;
- 前后端分离,前端只负责界面显示,后端负责数据存储和计算;
- 页面效果较炫酷。
缺点
- 不支持低版本的浏览器,最低IE9;
- 首屏加载耗时长,加载整个项目的css/js,不利于SEO优化;
- 不可以使用导航栏的按钮自行实现前进、后退;
- 页面复杂度提高很多。