肥飝猫

今天我们要介绍的两个 Operators，delay 跟 delayWhen 都是跟 UI 互动比较相关的。当我们的网页越来越像应用程式时，UI 互动就变得越重要，让我们来试试如何用 RxJS 完成基本的 UI 互动！ 从 Marble Diagram 可以看得出来，第一次送出…

今天要继续讲两个简单的 transformation operators 并带一些小示例，这两个 operators 都是实际上很常会用到的方法。 scan 其实就是 Observable 版本的 reduce 只是命名不同。如果熟悉数组操作的话，应该会知道原生的 JS Arr…

当我们在优酷看影片时往下滚动画面，影片会变成一个小视窗在右下角，这个视窗还能够拖拽移动位置。这个功能可以让使用者一边看留言同时又能看影片，且不影响其他的资讯显示，真的是很不错的 feature。 首先我们会有一个影片在最上方，原本是位置是静态(static)的，卷轴滚动到低于影…

昨天我们最后讲到了 merge 的用法，它的逻辑就像是 OR(||)一样，可以把多个 observable 合并且同时处理，当其中任合一个 observable 送出元素时，我们都做相同的处理。 今天我们要讲的三个 operators 则像是 AND(&&) 逻辑，它们都是在多…

为了让大家在圣诞节好好的陪家人，所以今天的文章内容就轻松点，让我们简单介绍几个的 operators 就好了。 原本从 0 开始的就会变成从 3 开始，但是记得原本元素的等待时间仍然存在，也就是说此示例第一个取得的元素需要等 4 秒，用 Marble Diagram 表示如下。…

我们今天要接着讲 take, first, takeUntil, concatAll 这四个 operators，并且实例一个简易的拖拽功能。 这里可以看到我们的 source 原本是会发出无限个元素的，但这里我们用 take(3) 就会只取前 3 个元素，取完后就直接结束(c…

昨天我们把所有建立 Observable 实例的 operators 讲完了，接下来我们要讲关于转换(Transformation)、过滤(Filter)、合并(Combination)等操作方法。先来让我们看看什么是 Operator Operators 就是一个个被附加到 …

Observable 有许多创建实例的方法，称为 creation operator。下面我们列出 RxJS 常用的 creation operator 他先后传递了 'Jerry', 'Anna' 然后结束(complete)，这是一个十分常见模式。当我们想要同步的传递几个值…

前几天我们把所有重要的观念及前置的知识都讲完了，今天要正式进入 RxJS 的应用，整个 RxJS 说白了就是一个核心三个重点。 一个核心是 Observable 再加上相关的 Operators(map, filter...)，这个部份是最重要的，其他三个重点本质上也是围绕着这…