单页和多页的区别

单页

单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。

所有的页面内容都包含在这个所谓的主页面中 在交互的时候由路由程序动态载入（监听 url 中的 hash 变化） 单页面的页面跳转，仅刷新局部资源。

例如：Vue-Router、React-router，其原理是监听 url 中的 hash 的变化，定位是否切换页面

多页

多页面（MPA），就是指一个应用中有多个页面应用 页面跳转时是整页刷新。

单页与多页区别

• 单页初次加载时耗时多(懒加载)；多页初次加载时耗时少
• 单页页面切换快，用户体验良好；多页页面切换加载缓慢，流畅度不够，用户体验比较差
• 单页页面局部刷新或更改；多页整页刷新
• 单页切换页面内容时的专场动画；多页没有转场动画