迹忆客 专注技术分享

Angular 框架主要以创建单页应用程序（通常称为 SPA）而闻名。

SPA 是允许 Web 用户浏览网站中的各种链接而无需完全加载整个网页的应用程序。 所有导航都在同一页面上进行。

SPA 在 Web 浏览世界中逐渐受到关注。 大多数社交媒体应用程序，也称为软件即服务 (SaaS) 应用程序，被设计为单页应用程序。

用户会注意到，在使用 Twitter 等社交媒体应用程序时，您似乎正在浏览器的同一框架内浏览选项卡； 用户几乎看不到媒体应用程序从头开始加载。

单页应用程序如何工作

在讨论传统的 Web 应用程序时，数据通常在服务器端/后端转换为 HTML。 但是，一旦单页应用程序首次启动，渲染过程就会从服务器端转移到客户端。

只有当用户在网页内导航时，HTML 才会通过网络发送。 因此，只有在 SPA 运行时将数据发送到服务器，但 HTML 保持不变。

它使网页看起来加载得更快，从而大大改善了用户体验。 那么，谁喜欢等待呢？

使用单页应用程序的好处

以下是使用单页应用程序（例如 Angular）的一些已知好处。

改善用户体验

单页应用程序的用户体验感觉更流畅。 当页面第一次加载时，所有数据都被发送到客户端，这使得 Web 应用程序各个部分之间的导航加载速度更快，并且消耗的带宽更少。

网站创建成本更低

当用户在 SPA 中导航时，SPA 消耗的带宽较少。 这意味着正在建设的网站所有者花费更少的钱购买带宽，从而降低创建功能齐全的网站的总体成本。

易于部署

在 SPA 的客户端，HTML、CSS 和 Javascript 包很容易部署到生产环境中。 所需要的只是一个静态服务器来为这三个文件提供服务。

代码拆分

我们可以使用代码拆分将 Web 包拆分为多个部分。 它使得专门处理文件变得容易，特别是当需要处理文件的一部分而不篡改已经完善的包的一部分时。

易于版本

为了方便以后的调整和升级，单页应用的前端部分版本化非常简单。 因此，如果以前的版本在某个时间点运行完美，没有错误，开发人员可以根据需要轻松回滚到该版本。

总结

由于 SPA 尚未成为主流，因此像 Google 这样的 Web 应用程序还不能完全发挥作用。 这是因为该页面没有使用 SPA 正确索引。

SPA 的技术优势和易用性意味着开发人员将不断寻找方法来确保像亚马逊这样的大型网站可以完全在单页应用程序上运行。