27、探索 Angular、Angular Material 和 RxJS

探索 Angular、Angular Material 和 RxJS

1. 现代 Web 应用概述

随着 TypeScript 以及 npm 和 Parcel 等工具的出现，如今开发者的体验得到了极大提升，这些工具在幕后完成了大量繁重的工作，让开发者能够专注于添加有价值的功能。然而，此前创建的大多是传统 Web 应用，其用户界面并不出众。不过，借助 TypeScript 和 Angular 等框架，我们可以创建现代 Web 应用。以下是几种常见的现代 Web 应用类型：

1.1 服务器端渲染（SSR）

自 20 世纪 90 年代万维网诞生以来，它一直在不断发展。起初，网站是完全静态的，后来逐渐变得更加动态。在很长一段时间里，服务器端渲染（SSR）非常流行，许多语言和框架允许开发者在将生成的 HTML 返回给客户端之前将数据注入页面，例如 Apache Struts（Java）、JavaServer Faces（Java）、ASP.NET（.NET）、Zend（PHP）、Django（Python）、Flask（Python）、Ruby on Rails（Ruby）等。

当时，网页浏览器被视为只能渲染 HTML 页面的“哑终端”，主要原因包括：
- 桌面设备的使用仍占主导地位。
- 桌面计算机比现在的智能手机慢很多。
- 网页浏览器中的 JavaScript 引擎比现在慢得多。
- 当时的 Web 平台功能远不如现在强大。

但 SSR 并非完美无缺。它对网络和移动设备不友好，服务器响应将数据和展示（HTML/CSS/图像）混合在一起，导致大量带宽浪费。依赖 SSR 的应用通常在后端维护用户会话，这需