单页面:SPA,只有一个主页面,浏览器一开始就加载所有的html、css、js。在交互时用路由动态载入,页面切换只刷新局部内容,不进行跳转。
多页面:MPA,一个应用中有多个页面,页面跳转时是整页刷新。
单页面的优点:
用户体验好
前后端分离
页面效果比较炫酷(比如切换页面内容时的专场动画)
单页面的缺点:
不利于SEO
导航不可用,如果一定要使用导航需要自己实现前进、后退
初次加载耗时多
页面复杂度提高