联络我们

单页应用与多页应用

Michele Cimmino

7 月 28, 2022 - 3 分钟阅读

警告:部分内容为自动翻译,可能不完全准确。

什么是单页面应用程序?与多页面应用程序有何不同?本文将探讨当今软件市场开发技术的演变。

1.纽约时报》与 Material UI

第 320 帧纽约时报

www.nytimes.com 是一个多页面应用程序,而 mui.com - 是一个采用单页面架构开发的网站。

智能手机

如何识别 SPA 和 MPA?

  1. 仔细观察浏览器 URL 栏左上方的 "重新加载 "箭头。正如您所看到的,在页面更改时,MPA 的图标会发生变化,显示一个 "X "来取消加载,而 SPA 则不会发生这种情况。
  2. 通过检查页面并点击网络选项卡,可以在 MPA 中突出显示返回 HTML 页面路由的 HTTP 请求,而在 SPA 中则可以突出显示仅对 DOM 某些部分的重新渲染。
第 1 组boh

只有一个建筑差异......几个影响

几乎所有初涉网络和移动开发领域的初级开发人员都对 SPA 和 MPA 的含义感到特别困惑。

当被问及这两种架构的 "主要区别是什么 "时,答案通常与性能、路由、渲染、使用的框架/库以及页面重载有关。这些真的能说明它们的区别吗?

单页应用程序

SPA 是一种采用客户端-服务器架构的网络应用程序,首次上传时会向服务器发出 HTTP 请求,服务器会返回一系列资产、JavaScript 和最小 HTML 结构(通常只有根节点)。
客户端(浏览器)将通过 javascript 来解释和呈现 DOM。
每个后续请求都将使用 AJAX 技术来查询能够以 JSON、XML 或其他格式返回数据的 API。
此后,客户端将主要执行 DOM 操作。

多页面应用程序

而 MPA 则会在页面地址每次更改(路由)时向服务器发出新的 HTTP 请求。
服务器会返回一个 HTML 页面,客户端必须对其结构进行解释,以复制 DOM 结构。
新一代浏览器能够比较差异,避免重新渲染整个 DOM,但考虑到交互的异步性,额外的加载时间始终是必要的。

那么,哪些常见答案是错误的呢?

2.顺序图

单页申请和多页申请

3.优点和缺点

单页应用程序的优点和缺点

4.下载电子书

如果您对本文感兴趣,可以下载与费德里科第二大学网络研讨会分享的电子书全文。下载并查看!

5.加入 Lasting Dynamics 学院

随着公司规模的不断扩大,我们一直在寻找新的人才加入我们在意大利或大加那利岛拉斯帕尔马斯的办事处的开发团队。

Lasting Dynamics Academy 这是一个为期 30-60 天的强化培训课程,是您在 IT 世界中职业生涯的起点。
在培训期间,入选者将学习如何在团队中按照敏捷实践、基本软件架构和设计模式开展工作,并通过测试项目和实际项目的工作来吸收我们的思维模式。如果您想加入我们,请查看 学院页面 并立即申请!

Michele Cimmino

我相信努力工作和每日承诺是取得成果的唯一途径。我对质量有一种莫名其妙的吸引力,当涉及到软件时,这就是让我和我的团队对敏捷实践和持续的过程评估有强烈把握的动力。我对任何事情都有强烈的竞争态度--我不会停止工作,直到我达到顶峰,一旦我达到顶峰,我就开始工作以保持这个位置。

打开模式