04 2024 档案

摘要:Debug 一直是 RxJS 的难题,原因是当我们使用 RxJS 后,代码就会变得高度 抽象化;实际上抽象并不是什么坏事,抽象会让代码显得简洁、干净,但同时也带来了除错上的困难。 在编写程序时,我们都会希望代码是简洁且可读的。 但当我们用简洁的代码来处理复杂的问题,就表示我们的代码会变得高度抽象!其 阅读全文
posted @ 2024-04-22 23:06 楚小九 阅读(37) 评论(0) 推荐(0) 编辑
摘要:Hot Observable 跟 Cold Observable 的差别,其实就是 资料源(Data Source) 在 Observable 内部建立还是外部建立。 在 RxJS 中很常会看到 Cold Observable 跟 Hot Observable 这两个名词,其实他们是在区分不同行为的 阅读全文
posted @ 2024-04-22 22:34 楚小九 阅读(12) 评论(0) 推荐(0) 编辑
摘要:30 天悄悄的就过了,这 30 篇的文章基本上已经把 RxJS 一个核心三个重点(Observable + Observer + Subject + Scheduler)以及各个 operators 几乎也都有写到。最开始写这个系列的文章是希望能让 RxJS 的学习曲线降低,所以文章的前后顺序及内容 阅读全文
posted @ 2024-04-22 22:29 楚小九 阅读(12) 评论(0) 推荐(0) 编辑
摘要:不晓得读者们还记不记得,我们在前面的文章中有提到 Scheduler 是为了解决 RxJS 衍生的最后一个问题,而我们现在就在揭晓这个谜底。 其实 RxJS 用久了之后就会发现 Observable 有一个优势是可以同时处理同步和非同步行为,但这个优势也带来了一个问题,就是我们常常会搞不清处现在的 阅读全文
posted @ 2024-04-22 22:05 楚小九 阅读(35) 评论(0) 推荐(0) 编辑
摘要:前一篇文章我们已经完成了基本的 observable以及 Observer 的简易实现,这篇文章我们会接续上一篇的内容实现简易的 Observable 类别,以及一个 creation operator 和一个 transform operator。 建立简易 Observable 类别 这是我们上 阅读全文
posted @ 2024-04-21 23:00 楚小九 阅读(15) 评论(0) 推荐(0) 编辑
摘要:因为实在太多读者在问要如何实作 Observable,所以特别调整了本系列文章最后几篇的内容,空出一天的位置来写如何简易实作 Observable。 为什么是简易实作而不完整实作呢? 当然这个系列的文章是希望读者能学会如何使用 RxJS,而 实作 Observable 其实只是帮助我们理解 Obse 阅读全文
posted @ 2024-04-20 23:39 楚小九 阅读(21) 评论(0) 推荐(0) 编辑
摘要:Subject其实在RxJS中最常被误解的一部份,因为Subject可以让你用命令式的方式虽送值到一个observable的串流中。 很多人会直接把这个特性拿来用在 不知道如何建立 Observable 的状况,比如我们在30 天精通 RxJS(23)中提到的可以用在 ReactJS 的 Event 阅读全文
posted @ 2024-04-18 22:21 楚小九 阅读(37) 评论(0) 推荐(0) 编辑
摘要:昨天我们介绍完了各种 Subject,不晓得各位读者还记不记得在一开始讲到 Subject 时,是希望能够让 Observable 有新订阅时,可以共用前一个订阅的执行而不要从头开始。 如下面的例子 var source = Rx.Observable .interval(1000) .take(3 阅读全文
posted @ 2024-04-18 20:16 楚小九 阅读(20) 评论(0) 推荐(0) 编辑
摘要:昨天我们介绍了Subject是什么,今天要讲Subject一些应用方式,以及Subject的另外三种变形。 Subject 昨天我们讲到了 Subject 实际上就是 Observer Pattern 的实例,他会在内部管理一份 observer 的清单,并在接收到值时遍历这份清单并送出值,所以我们 阅读全文
posted @ 2024-04-17 22:10 楚小九 阅读(92) 评论(0) 推荐(0) 编辑
摘要:终于进到了 RxJS 的第二个重点 Subject,不知道读者们有没有发现? 我们在这篇文章之前的范例,每个 observable 都只订阅了一次,而实际上 observable 是可以多次订阅的 Multiple subscriptions var source = Rx.Observable.i 阅读全文
posted @ 2024-04-16 22:29 楚小九 阅读(32) 评论(0) 推荐(0) 编辑
摘要:我们已经把绝大部分的 operators 都介绍完了,但一直没有机会好好的解释 Observable 的 operators 运行方式。 在系列文章的一开头是以数组(Array)的 operators(map, filter, concatAll) 作为切入点,让读者们在学习 observable 阅读全文
posted @ 2024-04-16 21:46 楚小九 阅读(46) 评论(0) 推荐(0) 编辑
摘要:前几天我们讲完了能把 Higher Order Observable 转成一般的 Observable 的 operators,今天我们要讲能够把一般的 Observable 转成 Higher Order Observable 的 operators。 其实前端不太有机会用到这类型的 Operat 阅读全文
posted @ 2024-04-15 21:28 楚小九 阅读(16) 评论(0) 推荐(0) 编辑
摘要:今天我们要做一个 RxJS 的经典范例 - 自动完成 (Auto Complete),自动完成在实务上的应用非常广泛,几乎随处可见这样的功能,只要是跟表单、搜寻相关的都会看到。 虽然是个很常见的功能,但多数的工程师都只是直接套套件来完成,很少有人会自己从头到尾把完整的逻辑写一次。 如果有自己实作过 阅读全文
posted @ 2024-04-14 22:06 楚小九 阅读(21) 评论(0) 推荐(0) 编辑
摘要:今天我们要讲三个非常重要的operators,这三个operators在很多的RxJS相关的library的使用示例上都会看到。很多初学者在使用这些library时,看到这三个operators很可能就放弃了,但其实如果有把这个系列的文章完整看过的话,现在应该就能很好接受跟理解。 Operators 阅读全文
posted @ 2024-04-14 21:09 楚小九 阅读(106) 评论(0) 推荐(0) 编辑
摘要:今天我们要讲三个 operators,这三个 operators 都是用来处理 Higher Order Observable。 所谓的 Higher Order Observable 就是指一个 Observable 送出的元素还是一个 Observable,就像是二维数组一样,一个数组中的每个元 阅读全文
posted @ 2024-04-13 23:28 楚小九 阅读(34) 评论(0) 推荐(0) 编辑
摘要:我们已经快把所有基本的转换(Transformation)、过滤(Filter)和合并(Combination)的 operators 讲完了。 今天要讲错误处理(Error Handling)的 operators,错误处理是异步行为中的一大难题,尤其有多个交错的异步行为时,更容易凸显错误处理的困 阅读全文
posted @ 2024-04-12 22:58 楚小九 阅读(32) 评论(0) 推荐(0) 编辑
摘要:新的一年马上就要到了,各位读者都去哪里跨年呢? 笔者很可怜的只能一边写文章一边跨年,今天就简单看几个 operators 让大家好好跨年吧! 昨天我们讲到了 throttle 跟 debounce 两个方法来做性能优化,其实还有另一个方法可以做性能的优化处理,那就是 distinct。 Operat 阅读全文
posted @ 2024-04-12 00:00 楚小九 阅读(31) 评论(0) 推荐(0) 编辑
摘要:昨天讲到了在 UI 操作上很常用的 delay,今天我们接着要来讲另外两个也非常实用 operators,尤其在做性能优化时更是不可或缺的好工具! Operators debounce 跟 buffer、bufferTime 一样,Rx 有 debounce 跟 debounceTime 一个是传入 阅读全文
posted @ 2024-04-11 22:11 楚小九 阅读(19) 评论(0) 推荐(0) 编辑
摘要:在所有非同步中行为中,最麻烦的大概就是 UI 操作了,因为 UI 是直接影响使用者的感受,如果处理的不好对使用体验会大大的扣分! UI 大概是所有非同步行为中最不好处理的,不只是因为它直接影响了用户体验,更大的问题是 UI 互动常常是高频率触发的事件,而且多个元件间的时间序需要不一致,要做到这样的 阅读全文
posted @ 2024-04-11 21:16 楚小九 阅读(35) 评论(0) 推荐(0) 编辑
摘要:今天要继续讲两个简单的 transformation operators 并带一些小范例,这两个 operators 都是实务上很常会用到的方法。 Operators scan scan 其实就是 Observable 版本的 reduce 只是命名不同。 如果熟悉阵列操作的话,应该会知道原生的 J 阅读全文
posted @ 2024-04-10 21:16 楚小九 阅读(37) 评论(0) 推荐(0) 编辑
摘要:有次不小心进到了优酷,发现优酷有个不错的功能,能大大的提升用户体验,就让我们一起来实作这个效果吧! 在第 08 篇的时候,我们已经成功做出简易的拖拉效果,今天要来做一个完整的应用,而且是实务上有机会遇到但不好处理的需求,那就是优酷的影片效果! 当我们在优酷看视频时往下滚动画面,影片会变成一个小窗口在 阅读全文
posted @ 2024-04-09 20:45 楚小九 阅读(52) 评论(0) 推荐(0) 编辑
摘要:昨天我们最后讲到了 'merge' 的用法,它的逻辑就像是 OR(||) 一样,可以把多个 observable 合并且同时处理,当其中任合一个 observable 送出元素时,我们都做相同的处理。 今天我们要讲的三个 operators 则像是 AND(&&) 逻辑,它们都是在多个元素送进来时, 阅读全文
posted @ 2024-04-08 22:22 楚小九 阅读(29) 评论(0) 推荐(0) 编辑
摘要:今天是美好的圣诞节,先祝读者们圣诞快乐! 为了让大家在圣诞节好好的陪家人,所以今天的文章内容就轻松点,让我们简单介绍几个的 operators 就好了。 Operators skip 我们昨天介绍了take可以取前几个送出的元素,今天介绍可以略过前几个送出元素的 operator:skip,范例如下 阅读全文
posted @ 2024-04-07 23:17 楚小九 阅读(50) 评论(0) 推荐(0) 编辑
摘要:如果是你会如何实作拖拉的功能? 我们今天要接着讲 take, first, takeUntil, concatAll 这四个 operators,并且实作一个简易的拖拉功能。 Operators take take 是一个很简单的 operator,顾名思义就是取前几个元素后就结束,范例如下 var 阅读全文
posted @ 2024-04-03 23:31 楚小九 阅读(40) 评论(0) 推荐(0) 编辑
摘要:Observable的Operators是实务应用上最重要的部份,我们需要了解各种Operators的使用方式,才能轻松实作各种需求! 昨天我们把所有建立 Observable 实例的 operators 讲完了,接下来我们要讲关于转换(Transformation)、过滤(Filter)、合并(C 阅读全文
posted @ 2024-04-02 21:27 楚小九 阅读(41) 评论(0) 推荐(0) 编辑
摘要:通常我们会透过creation operator来建立Observable实例,这篇文章会讲解几个较为常用的operator! Creation Operator Observable 有许多创建实例的方法,称为 creation operator。 下面我们列出 RxJS 常用的 creation 阅读全文
posted @ 2024-04-01 22:12 楚小九 阅读(28) 评论(0) 推荐(0) 编辑

阅读目录(Content)

此页目录为空

点击右上角即可分享
微信分享提示