Web项目中多页应用和单页应用的比较

多页应用:Mutiple Page Application

单页应用:Single Page Application

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

猜你喜欢

转载自blog.csdn.net/qq_39579242/article/details/82703150
今日推荐