使用 Angular 和 RxJS 7 进行响应式编程

熟悉采用响应式思维、RxJS 7 特性及在 Angular 中的应用策略。

深入理解 Angular 中响应式编程的基础，重点学习 RxJS。

掌握使用 RxJS 模式过滤数据的步骤，优化 Angular 中的响应式流程。

深入分析 RxJS 7 的关键改进，重点关注性能提升、类型安全以及 API 一致性。

逐步实现流的转换，添加自动保存功能，并设计高效的过滤选项。

运用你的技能，通过 Angular 和 RESTful Node.js 构建并实现一个食谱分享应用。

掌握 RxJS 中多播的基础知识，包括热 Observable 和冷 Observable 以及 Subjects。

探索在 Angular 中使用 RxJS 实现响应式数据管理模式，以提高效率和代码清晰度。

拆分Web应用中的缓存策略，以提升性能并减少网络请求。

使用 catchError、delayWhen、retry 和 retryWhen 等策略实现有效的 RxJS 错误处理。

掌握在 Angular 中使用响应式模式和服务共享数据的基础知识。

实现基于 RxJS 的响应式批量操作及进度跟踪的步骤如下： 1. 创建数据源：使用 Observable 模拟或获取待处理的数据集合，例如通过 of()、from() 或自定义 Observable。 2. 定义批量处理逻辑：将每个数据项的处理封装为一个可执行的操作（如 HTTP 请求、文件写入等），并返回一个 Observable。 3. 使用 mergeMap 或 concatMap 批量执行操作： - 若需并发执行所有任务，使用 mergeMap。 - 若需按顺序依次执行，使用 concatMap。 4. 添加进度追踪机制： - 使用 scan 操作符累计已完成的任务数量。 - 结合 length 属性计算总任务数，生成进度百分比。 5. 发送进度更新：通过 BehaviorSubject 或 Subject 传递当前进度信息，供 UI 或其他组件订阅。 6. 处理完成状态：使用 finalize 或 tap 监听操作结束，触发最终回调或清理工作。 7. 错误处理：使用 catchError 确保异常不会中断整个流程，并可选择性地重试或记录错误。 8. 取消与清理：提供取消机制（如使用 takeUntil）以支持用户中断操作，避免资源泄漏。 9. 在前端展示进度：将进度流绑定到视图层，实时显示完成百分比或任务状态。 通过以上步骤，可在响应式编程中高效实现批量操作与实时进度反馈。

了解如何在 Angular 中使用 WebSocket 通信实现实时更新。

基于测试 RxJS 观测对象的方法，包括 subscribe/assert、marble 测试以及 HTTP 流测试。

熟悉 Angular 的响应式编程模式、数据管理以及实时更新。