多页应用:Mutiple Page Application
单页应用:Single Page Application
多页应用(MPA) | 单页应用(SPA) |
项目中有多个完整的HTML页面 | 整个项目中只有一个完整的HTML页面;其他HTML文件都是HTML片段。 |
使用超链接、JS实现页面跳转 | 使用超链接、JS实现“伪跳转” |
所有页面请求都是同步的——客户端在等待服务器给相应的时候,浏览器中一片空白 | 所有的“伪页面请求”都是异步请求——客户端在等待下一个页面片段到来时,仍可以显示前一个页面内容——浏览器体验更好 |
不便于实现两个页面间切换过场动画 | 很容易实现两个伪页面间的过场切换动画 |
浏览器需要不停的创建完整的DOM树,删除完整的DOM树 | 浏览器只需要创建一个完整的DOM树,此后的伪页面切换其实只是在换某个div中的内容 |
每个页面都需要加载自己的CSS和JS文件 | 整个项目的CSS和JS文件只需要加载一次 |