- skip 操作符允许我们忽略源的前 x 个排放。 当我们有一个始终在 subscription 上发出希望忽略的某些值的可观察对象时，就可以使用这个操作符。比如 Observable emit 的前几个值并不是我们感兴趣的值，另一种情况是我们订阅了 Replay 或 BehaviorSubject，并且不需要对初始值进行操作，而只关心初始值之后的数据 emit. 这种情况下，skip 操作符... skip 操作符允许我们忽略源的前 x 个排放。 当我们有一个始终在 subscription 上发出希望忽略的某些值的可观察对象时，就可以使用这个操作符。比如 Observable emit 的前几个值并不是我们感兴趣的值，另一种情况是我们订阅了 Replay 或 BehaviorSubject，并且不需要对初始值进行操作，而只关心初始值之后的数据 emit. 这种情况下，skip 操作符...
- RxJS（Reactive Extensions for JavaScript）是JavaScript的一个响应式编程库，特别适用于处理异步数据流。 RxJS（Reactive Extensions for JavaScript）是JavaScript的一个响应式编程库，特别适用于处理异步数据流。
- 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));... 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));...
- RxJS 的 tap 操作符是一个非常有用的工具，它允许我们“查看” Observable 流中的数据，同时不会对数据流产生任何影响。换句话说，它是一种副作用（side effect）操作符，允许我们在不更改主要数据流的情况下执行一些额外的操作，如日志记录、调试或其他副作用。在详细讨论 tap 操作符的使用场景之前，让我们先了解一下它的基本用法。tap 操作符接收三个可选的回调函数参数，分别... RxJS 的 tap 操作符是一个非常有用的工具，它允许我们“查看” Observable 流中的数据，同时不会对数据流产生任何影响。换句话说，它是一种副作用（side effect）操作符，允许我们在不更改主要数据流的情况下执行一些额外的操作，如日志记录、调试或其他副作用。在详细讨论 tap 操作符的使用场景之前，让我们先了解一下它的基本用法。tap 操作符接收三个可选的回调函数参数，分别...
- 本文记录我在工作中的一次失误。如下图所示，我在构造函数里注入了一个新的依赖：protected checkoutService: CheckoutService当下列情况同时满足时，客户就会遇到编译错误：(1) 客户升级到了新的 minor 版本，即我引入该新的依赖的版本。(2) 客户之前扩展了 CheckoutDeliveryService(3) 客户在自己的扩展类的构造函数里，调用了 s... 本文记录我在工作中的一次失误。如下图所示，我在构造函数里注入了一个新的依赖：protected checkoutService: CheckoutService当下列情况同时满足时，客户就会遇到编译错误：(1) 客户升级到了新的 minor 版本，即我引入该新的依赖的版本。(2) 客户之前扩展了 CheckoutDeliveryService(3) 客户在自己的扩展类的构造函数里，调用了 s...
- 首先了解 combineLatest 这个操作符的作用：组合多个 Observable 以创建一个 Observable，其值是根据其每个输入 Observable 的最新值计算得出的。其弹珠图如下图所示：我们有一个限制值流和一个偏移值流。 我们使用 combineLatest 组合这些流以创建一个流，该流将在每次源流之一更改时具有一个新值。 然后我们使用 switchMap 根据这些值从后... 首先了解 combineLatest 这个操作符的作用：组合多个 Observable 以创建一个 Observable，其值是根据其每个输入 Observable 的最新值计算得出的。其弹珠图如下图所示：我们有一个限制值流和一个偏移值流。 我们使用 combineLatest 组合这些流以创建一个流，该流将在每次源流之一更改时具有一个新值。 然后我们使用 switchMap 根据这些值从后...
- 本文讨论 Spartacus UI checkout 流程时，下图高亮的两种交货模式，Delivery Mode 的数据来源：从组件的模板文件里能看出，这些 radio input 的数据，来自 Observable 对象 supportedDeliveryModes$：后者通过服务类 checkoutDeliveryService 的 getSupportedDeliveryModes 获... 本文讨论 Spartacus UI checkout 流程时，下图高亮的两种交货模式，Delivery Mode 的数据来源：从组件的模板文件里能看出，这些 radio input 的数据，来自 Observable 对象 supportedDeliveryModes$：后者通过服务类 checkoutDeliveryService 的 getSupportedDeliveryModes 获...
- 看下面这段代码：getSupportedDeliveryModes(): Observable<DeliveryMode[]> { return this.checkoutStore.pipe( select(CheckoutSelectors.getSupportedDeliveryModes), withLatestFrom( this.check... 看下面这段代码：getSupportedDeliveryModes(): Observable<DeliveryMode[]> { return this.checkoutStore.pipe( select(CheckoutSelectors.getSupportedDeliveryModes), withLatestFrom( this.check...
- Spartacus B2B Commerce Organization 允许公司管理通过 Spartacus 商务网站进行的采购。可以将公司的采购经理设置为商业组织的管理员。 管理员可以创建代表组织、地区、城市、部门或公司中任何其他组织实体的单位。 然后将这些单位与买家、送货地址和成本中心相关联，所有这些都是为了允许、控制和跟踪支出。本节中的以下页面描述了如何使用 B2B Commerce ... Spartacus B2B Commerce Organization 允许公司管理通过 Spartacus 商务网站进行的采购。可以将公司的采购经理设置为商业组织的管理员。 管理员可以创建代表组织、地区、城市、部门或公司中任何其他组织实体的单位。 然后将这些单位与买家、送货地址和成本中心相关联，所有这些都是为了允许、控制和跟踪支出。本节中的以下页面描述了如何使用 B2B Commerce ...
- 本文讨论如果两个 Angular Component 彼此不知道对方的存在，并且也没有共享的父子 Component 时，如何进行通信。在包括 Angular 在内的许多前端框架中，当我们将应用程序或页面划分为许多小的 UI 组件并将事件绑定到一个嵌套了很多层的组件时，总是存在通信问题。在 Angular 中，我们使用 @Output() 和 @Input()。 这在正常情况下能够很好的工作... 本文讨论如果两个 Angular Component 彼此不知道对方的存在，并且也没有共享的父子 Component 时，如何进行通信。在包括 Angular 在内的许多前端框架中，当我们将应用程序或页面划分为许多小的 UI 组件并将事件绑定到一个嵌套了很多层的组件时，总是存在通信问题。在 Angular 中，我们使用 @Output() 和 @Input()。 这在正常情况下能够很好的工作...
- SAP’s UI Technologies supporting the new Horizon visual theme of SAP FioriSAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。 如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP ... SAP’s UI Technologies supporting the new Horizon visual theme of SAP FioriSAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。 如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP ...
- RxJS (Reactive Extensions for JavaScript) 是一个功能强大且用于异步编程的库，它可以帮助开发者更轻松地处理事件流和异步数据。在 RxJS 中，有多种类型的 Subject 用于帮助管理和传播数据流，BehaviorSubject 是其中一种非常重要的类型。 1. 什么是 BehaviorSubject在 RxJS 中，BehaviorSubject 是... RxJS (Reactive Extensions for JavaScript) 是一个功能强大且用于异步编程的库，它可以帮助开发者更轻松地处理事件流和异步数据。在 RxJS 中，有多种类型的 Subject 用于帮助管理和传播数据流，BehaviorSubject 是其中一种非常重要的类型。 1. 什么是 BehaviorSubject在 RxJS 中，BehaviorSubject 是...
- 在 RxJS 中，timeout 运算符是一个非常有用的工具，特别适用于那些希望对操作进行超时控制的情况。它允许我们在 Observable 链中设定一个时间限制，当时间超过这个限制而没有数据项发出时，抛出一个错误或进行其他处理。timeout 运算符主要在需要对连续操作进行时间约束的不限于以下几种场景中有所作为：网络请求的超时控制、操作的性能监测以及防止潜在的无限等待等。 Timeout ... 在 RxJS 中，timeout 运算符是一个非常有用的工具，特别适用于那些希望对操作进行超时控制的情况。它允许我们在 Observable 链中设定一个时间限制，当时间超过这个限制而没有数据项发出时，抛出一个错误或进行其他处理。timeout 运算符主要在需要对连续操作进行时间约束的不限于以下几种场景中有所作为：网络请求的超时控制、操作的性能监测以及防止潜在的无限等待等。 Timeout ...
- RxJS 是一个功能强大的库，可用于使用异步编程。Angular 开发人员广泛应用 RxJS 满足适应复杂的异步操作处理需求。RxJS 提供了各种操作符，以便开发人员能够更有效地处理数据流。filter 操作符就是其中之一，用于过滤 Observable 流中的数据项。在 RxJS 中，filter 操作符能够通过指定的谓词函数对数据流进行筛选，只允许符合条件的数据项通过。filter 操作... RxJS 是一个功能强大的库，可用于使用异步编程。Angular 开发人员广泛应用 RxJS 满足适应复杂的异步操作处理需求。RxJS 提供了各种操作符，以便开发人员能够更有效地处理数据流。filter 操作符就是其中之一，用于过滤 Observable 流中的数据项。在 RxJS 中，filter 操作符能够通过指定的谓词函数对数据流进行筛选，只允许符合条件的数据项通过。filter 操作...
- 本文是Rxjs 响应式编程-第二章：序列的深入研究这篇文章的学习笔记。示例代码托管在：http://www.github.com/dashnowords/blogs更多博文：《大史住在大前端》目录【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad一. 划重点二. flatMap功能解析三. flatMap的推演3.1 函数式编程基础知识回顾3.2 从一个容器的例子开始3.... 本文是Rxjs 响应式编程-第二章：序列的深入研究这篇文章的学习笔记。示例代码托管在：http://www.github.com/dashnowords/blogs更多博文：《大史住在大前端》目录【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad一. 划重点二. flatMap功能解析三. flatMap的推演3.1 函数式编程基础知识回顾3.2 从一个容器的例子开始3....
上滑加载中
推荐直播
-
昇腾AI算法挑战赛-核心算子如何优化？专家带你深度解析2025/11/17 周一 16:00-17:00
王老师 华为算子专家
昇腾AI算法挑战赛进阶赛战鼓催征！本期直播间，我们特邀华为算子专家王老师，为你深度剖析Matmul、wholereducesum等核心算子的底层原理与优化技巧，直击赛题核心。想提升代码效率、冲击更高排名？锁定直播，带你破局！
回顾中 -
AI编码实干派，“码”力全开2026/02/26 周四 15:00-16:30
谈宗玮/于邦旭/丁俊卿/陈云亮/王一男
【中国，深圳，2026年2月26日】，以“AI编码实干派，码力全开”为主题的华为云码道（CodeArts）代码智能体新春发布会在线上成功召开。华为云码道公测版正式发布，为开发者和企业提供具备工程化能力的智能编码解决方案。
回顾中 -
华为云码道-玩转OpenClaw，开启在线养虾模式2026/03/11 周三 19:00-20:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中
热门标签