什么是单页面应用(SPA)和多页面应用(MPA)

本文介绍了单页面应用(SPA)和多页面应用(MPA)的区别,包括背景、优缺点及适用场景。SPA在资源消耗、页面加载速度和用户体验上有优势,但SEO较弱,易受XSS攻击;而MPA利于SEO,有丰富的数据分析工具,但维护成本高。随着移动互联网的发展,SPA因其适应多平台和快速开发的特点得到广泛应用。
摘要由CSDN通过智能技术生成

背景

最初我们的应用都是多页面应用,多页面应用就是每次客户单请求都返回一个新的页面。在互联网初期,这个问题并没有带来很差的用户体验,但是随着移动互联网的发展以及用户的体验,

开发者开始考虑,为什么我们每次只更改了页面的一部分数据,却要更新整个页面呢?

所有的反思促使了技术的进步。我们是不是可以第一次加载全部的页面内容,以后的更新,仅仅更新变化的数据,答案是可以的,这就是单页面应用SPA。

下图是总体上比较单页面应用和多页面应用的流程:

 

从上图可以看到:

多页面应用:

  • 每次请求服务端都返回整个html页面

单页面应用:

  • 第一次加载整个html页面,以后利用ajax提交请求获取变化的数据,局部刷新

 

多页面应用

根据第一步部分的讲解,我们能够看到,多页面应用具备以下优点:

  • 有利于SEO

SEO的原理是检索html的页面内容,单页面应用大部分都是js,seo是不支持的,所以多页面应用在SEO方面比单页面应用好。当然,在实际应用过程中,SPA应用可以利用服务端渲染解决和问题。

关于SPA的服务端渲染,下面再说。

  • 便于扩展

多页面应用可以增加页面数量,基本没有限制ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值