单页面应用和多页面应用的区别及优缺点

单页面:

概念:就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。单页面的跳转仅刷新局部资源。因此,对单页应用来说模块化的开发和设计显得相当重要。

 

优点:

 1、提供了更加吸引人的用户体验:具有桌面应用的即时性、网站的可移植性和可访问性。

 2、单页应用的内容的改变不需要重新加载整个页面,web应用更具响应性和更令人着迷。

 3、单页应用没有页面之间的切换,就不会出现“白屏现象”,也不会出现假死并有“闪烁”现象

 4、单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。

 5、良好的前后端分离。后端不再负责模板渲染、输出页面工作,后端API通用化,即同一套后端程序代码,不用修改就可以用于Web界面、手机、平板等多种客户端

 

缺点:

 1、首次加载耗时比较多。

 2、SEO问题,不利于百度,360等搜索引擎收录。

 3、容易造成Css命名冲突。

 4、前进、后退、地址栏、书签等,都需要程序进行管理,页面的复杂度很高,需要一定的技能水平和开发成本高。

 

 

 

 

 

多页面应用:

 

单页面与多页面的对比:

 

 

 

 

 

 

posted @ 2021-06-02 14:56  ltog  阅读(3685)  评论(0编辑  收藏  举报