Logo
☆☆☆☆☆
0.0
Intermediate
50h 30m

使用 RxJS 构建响应式网站:掌握可观察对象并高效处理数据流

前端开发的需求清单不断增长。如今,用户期望网站在不稳定的网络连接下也能快速加载,在移动设备上完美渲染,并能对用户操作做出迅捷响应。所有这些任务都需要处理来自不同来源的大量事件,无论是客户关系管理(CRM)系统、突发新闻,还是一个聊天室。 可观察对象(Observables)是一种全新的思维方式,用于管理这些事件,即使它们可能在未来某个时刻发生。 本课程中,你将学习如何将调用和控制流程交由 RxJS 处理,从而让你能够专注于应用的其他部分。 RxJS 将事件流进行模块化管理,将每个操作封装在单一函数中,提供多种辅助操作符来维护内部状态,使你可以将状态管理的烦恼交给库本身。 完成本课程后,你将能够为用户构建更大、更快、更少错误的应用程序。

10 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 RxJS 构建响应式网站:掌握可观察对象并高效处理数据流
前端开发的需求清单不断增长。如今,用户期望网站在不稳定的网络连接下也能快速加载,在移动设备上完美渲染,并能对用户操作做出迅捷响应。所有这些任务都需要处理来自不同来源的大量事件,无论是客户关系管理(CRM)系统、突发新闻,还是一个聊天室。 可观察对象(Observables)是一种全新的思维方式,用...

WHAT YOU'LL LEARN

掌握可观察对象的创建、订阅以及冷/热可观察对象等 RxJS 核心概念。

Content

10 Lessons • 0 Quizzes • 0 Challenges

课程介绍
  1. 1

    谁应该参加这门课程?为什么?

创建可观察对象
  1. 1

    学习可观察对象

  2. 2

    介绍 Rx 概念

  3. 3

    构建一个计时器

  4. 4

    运行一个计时器

  5. 5

    从 RxJS 导入 Timer

  6. 6

    通过操作符传递数据

  7. 7

    用 map 实时处理数据

  8. 8

    处理用户输入

  9. 9

    组装计时器

  10. 10

    拖拽

  11. 11

    接下来章节中的有趣应用

  12. 12

    使用订阅

  13. 13

    尝试使用可观察对象

  14. 14

    我们学到了什么

  15. 15

    测验:创建可观察对象

响应式游戏开发
  1. 1

    游戏开发

  2. 2

    创建你自己的操作符

  3. 3

    动画对象

  4. 4

    使用 Schedulers 调用 next

  5. 5

    使用 requestAnimationFrame 请求重绘

  6. 6

    创建缓动操作符

  7. 7

    设计一款游戏

  8. 8

    RxJS 核心架构

  9. 9

    管理游戏状态

  10. 10

    跟踪用户输入

  11. 11

    构建一个复杂的操作符

  12. 12

    创建敌人

  13. 13

    检测碰撞

  14. 14

    我们学到了什么

  15. 15

    额外加分项

操作流
  1. 1

    简介:流的处理

  2. 2

    使用 Flatten 和 Reduce 实现 Pig Latin 语言转换

  3. 3

    扁平化

  4. 4

    减少

  5. 5

    调试一个可观察流

  6. 6

    自动补全

  7. 7

    我们学到的内容

  8. 8

    测验:操作流

管理异步事件
  1. 1

    异步之龙

  2. 2

    发起 AJAX 请求

  3. 3

    处理错误

  4. 4

    Promise 与 Observables 在 AJAX 中的应用

  5. 5

    加载并显示进度条

  6. 6

    两次合并

  7. 7

    当优秀的 AJAX 变得糟糕

  8. 8

    渐进式和有序加载

  9. 9

    我们学到了什么

  10. 10

    测验:管理异步事件

高级异步编程
  1. 1

    高级异步事件

  2. 2

    规格

  3. 3

    使用 switchMap 防止竞态条件

  4. 4

    防抖事件

  5. 5

    事件节流

  6. 6

    为自动完成功能添加防抖处理

  7. 7

    跳过无关请求

  8. 8

    在类型提示中添加错误处理

  9. 9

    使用防抖函数的类型提示应用

  10. 10

    构建一个股票行情显示器

  11. 11

    实时过滤数据流

  12. 12

    股票行情应用程序

  13. 13

    我们学到的内容

  14. 14

    测验:高级异步编程

多路复用可观察对象
  1. 1

    冷可观察对象的问题

  2. 2

    订阅

  3. 3

    使用 Subject 类进行多播

  4. 4

    构建一个聊天室

  5. 5

    渲染与切换房间

  6. 6

    在聊天室中发送消息

  7. 7

    显示未读通知

  8. 8

    我们学到了什么

  9. 9

    测验:多路复用可观察对象

在 Angular 中使用 HTTP
  1. 1

    项目介绍

  2. 2

    生成新项目

  3. 3

    生成组件并构建搜索框

  4. 4

    AJAX 请求与在 Angular 应用中导入模块

  5. 5

    Angular 服务

  6. 6

    显示返回的数据

  7. 7

    BehaviorSubject 与 Angular 中的 Async Pipe

  8. 8

    保存新数据

  9. 9

    组件路由

  10. 10

    组件之间的链接

  11. 11

    编辑单张照片

  12. 12

    添加分析功能

  13. 13

    拦截 HTTP 请求

  14. 14

    我们学到了什么

  15. 15

    测验:在 Angular 中使用 HTTP

在 Angular 中构建响应式表单
  1. 1

    响应式表单

  2. 2

    电话号码输入框

  3. 3

    正确地构建电话号码输入框

  4. 4

    使用 Angular 创建电话输入框

  5. 5

    验证输入

  6. 6

    构建一个披萨店注册表单

  7. 7

    使用高级验证

  8. 8

    验证地址和信用卡

  9. 9

    将模型连接到视图

  10. 10

    设置注册表单输入项

  11. 11

    更新表单组

  12. 12

    提交表单

  13. 13

    处理多个地址

  14. 14

    创建一个披萨订购表单

  15. 15

    创建披萨视图

  16. 16

    使用响应式选择器在路由中获取组件数据

  17. 17

    应对变化

  18. 18

    使用 patchValue 添加特色披萨

  19. 19

    我们学到了什么

  20. 20

    测验:在 Angular 中构建响应式表单

高级 Angular
  1. 1

    构建高性能应用程序

  2. 2

    理解 Angular 性能

  3. 3

    区域与变更检测

  4. 4

    性能分析中的变更检测

  5. 5

    优化变更检测

  6. 6

    使用 NgRx 管理状态

  7. 7

    操作

  8. 8

    Reducer

  9. 9

    将所有部分整合起来

  10. 10

    监听状态的变化

  11. 11

    向存储发送数据

  12. 12

    我们学到的内容

  13. 13

    测验:高级 Angular

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)