🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 单页面与多页面间的区别及优缺点 - 单页面应用 浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。片段之间的切换快,比较容易实现转场动画。多应用于pc端。 - 多页面应用 一个项目是由多个完整的html页面组成,页面跳转所有的资源都要重新加载,页面之间的切换会出现卡顿空白的问题,不容易实现切换动画等 ![](https://img.kancloud.cn/19/29/1929ac7a1032704bc786be30ec656d8f_1021x748.png) - 单页面应用和多页面应用区别及优缺点 单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多应用于pc端。 多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新 单页面的优点: 用户体验好,快,内容的改变不需要重新加载整个页面,基于这一点spa对服务器压力较小; 前后端分离;页面效果会比较炫酷(比如切换页面内容时的专场动画)。 单页面缺点: 不利于seo;导航不可用,如果一定要导航需要自行实现前进、后退。 (由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理); 初次加载时耗时多;页面复杂度提高很多。 # 配置多页面