合集-Rxjs

摘要:RxJS是笔者认为未来几年内会非常红的Library,RxJS提供了一套完整的异步解决方案,让我们在面对各种异步行为,不管是Event,AJAX,还是Animation等,我们都可以使用相同的API(Application Programming Interface)做开发。 前言 RxJS 是笔者 阅读全文
posted @ 2023-07-24 22:14 楚小九 阅读(270) 评论(0) 推荐(0) 编辑
摘要:Functional Programming是Rx最重要的观念之一,基本上只要学会FP要上手Rx就不难了! Functional Programming可以说是近年来的显学,各种新的函式编程语言推出之外,其他旧有的语言也都在新版中加强对FP的支持! 什么是 Functional Programmin 阅读全文
posted @ 2023-07-25 23:32 楚小九 阅读(50) 评论(0) 推荐(0) 编辑
摘要:了解Functional Programming的通用函式,能让我们写出更简洁的代码,也能帮助我们学习RxJS 了解 Functional Programming 的通用函式,能让我们写出更简洁的代码,也能帮助我们学习 RxJS。 读者可能会很好奇,我们的主题是 RxJS 为什么要特别讲 Funct 阅读全文
posted @ 2023-08-04 17:22 楚小九 阅读(44) 评论(0) 推荐(0) 编辑
摘要:整个RxJS的基础就是Observable,只要弄懂Observable就算是学会一半的RxJS了,剩下的就只是一些方法的练习跟熟悉;但到底什么是Observable呢? 要理解 Observable 之前,我们必须先谈谈两个设计模式(Design Pattern), Iterator Patter 阅读全文
posted @ 2024-03-30 15:33 楚小九 阅读(72) 评论(0) 推荐(0) 编辑
摘要:Observable 是 RxJS 的核心,今天让我们从如何建立 Observable 开始! 今天大家看文章一定要分清楚 Observable 跟 Observer,不要搞混。 前几天我们把所有重要的观念及前置的知识都讲完了,今天要正式进入 RxJS 的应用,整个 RxJS 说白了就是一个核心三个 阅读全文
posted @ 2024-03-31 12:47 楚小九 阅读(44) 评论(0) 推荐(0) 编辑
摘要:通常我们会透过creation operator来建立Observable实例,这篇文章会讲解几个较为常用的operator! Creation Operator Observable 有许多创建实例的方法,称为 creation operator。 下面我们列出 RxJS 常用的 creation 阅读全文
posted @ 2024-04-01 22:12 楚小九 阅读(28) 评论(0) 推荐(0) 编辑
摘要:Observable的Operators是实务应用上最重要的部份,我们需要了解各种Operators的使用方式,才能轻松实作各种需求! 昨天我们把所有建立 Observable 实例的 operators 讲完了,接下来我们要讲关于转换(Transformation)、过滤(Filter)、合并(C 阅读全文
posted @ 2024-04-02 21:27 楚小九 阅读(41) 评论(0) 推荐(0) 编辑
摘要:如果是你会如何实作拖拉的功能? 我们今天要接着讲 take, first, takeUntil, concatAll 这四个 operators,并且实作一个简易的拖拉功能。 Operators take take 是一个很简单的 operator,顾名思义就是取前几个元素后就结束,范例如下 var 阅读全文
posted @ 2024-04-03 23:31 楚小九 阅读(40) 评论(0) 推荐(0) 编辑
摘要:今天是美好的圣诞节,先祝读者们圣诞快乐! 为了让大家在圣诞节好好的陪家人,所以今天的文章内容就轻松点,让我们简单介绍几个的 operators 就好了。 Operators skip 我们昨天介绍了take可以取前几个送出的元素,今天介绍可以略过前几个送出元素的 operator:skip,范例如下 阅读全文
posted @ 2024-04-07 23:17 楚小九 阅读(50) 评论(0) 推荐(0) 编辑
摘要:昨天我们最后讲到了 'merge' 的用法,它的逻辑就像是 OR(||) 一样,可以把多个 observable 合并且同时处理,当其中任合一个 observable 送出元素时,我们都做相同的处理。 今天我们要讲的三个 operators 则像是 AND(&&) 逻辑,它们都是在多个元素送进来时, 阅读全文
posted @ 2024-04-08 22:22 楚小九 阅读(29) 评论(0) 推荐(0) 编辑
摘要:有次不小心进到了优酷,发现优酷有个不错的功能,能大大的提升用户体验,就让我们一起来实作这个效果吧! 在第 08 篇的时候,我们已经成功做出简易的拖拉效果,今天要来做一个完整的应用,而且是实务上有机会遇到但不好处理的需求,那就是优酷的影片效果! 当我们在优酷看视频时往下滚动画面,影片会变成一个小窗口在 阅读全文
posted @ 2024-04-09 20:45 楚小九 阅读(52) 评论(0) 推荐(0) 编辑
摘要:今天要继续讲两个简单的 transformation operators 并带一些小范例,这两个 operators 都是实务上很常会用到的方法。 Operators scan scan 其实就是 Observable 版本的 reduce 只是命名不同。 如果熟悉阵列操作的话,应该会知道原生的 J 阅读全文
posted @ 2024-04-10 21:16 楚小九 阅读(37) 评论(0) 推荐(0) 编辑
摘要:在所有非同步中行为中,最麻烦的大概就是 UI 操作了,因为 UI 是直接影响使用者的感受,如果处理的不好对使用体验会大大的扣分! UI 大概是所有非同步行为中最不好处理的,不只是因为它直接影响了用户体验,更大的问题是 UI 互动常常是高频率触发的事件,而且多个元件间的时间序需要不一致,要做到这样的 阅读全文
posted @ 2024-04-11 21:16 楚小九 阅读(35) 评论(0) 推荐(0) 编辑
摘要:昨天讲到了在 UI 操作上很常用的 delay,今天我们接着要来讲另外两个也非常实用 operators,尤其在做性能优化时更是不可或缺的好工具! Operators debounce 跟 buffer、bufferTime 一样,Rx 有 debounce 跟 debounceTime 一个是传入 阅读全文
posted @ 2024-04-11 22:11 楚小九 阅读(19) 评论(0) 推荐(0) 编辑
摘要:新的一年马上就要到了,各位读者都去哪里跨年呢? 笔者很可怜的只能一边写文章一边跨年,今天就简单看几个 operators 让大家好好跨年吧! 昨天我们讲到了 throttle 跟 debounce 两个方法来做性能优化,其实还有另一个方法可以做性能的优化处理,那就是 distinct。 Operat 阅读全文
posted @ 2024-04-12 00:00 楚小九 阅读(31) 评论(0) 推荐(0) 编辑
摘要:我们已经快把所有基本的转换(Transformation)、过滤(Filter)和合并(Combination)的 operators 讲完了。 今天要讲错误处理(Error Handling)的 operators,错误处理是异步行为中的一大难题,尤其有多个交错的异步行为时,更容易凸显错误处理的困 阅读全文
posted @ 2024-04-12 22:58 楚小九 阅读(32) 评论(0) 推荐(0) 编辑
摘要:今天我们要讲三个 operators,这三个 operators 都是用来处理 Higher Order Observable。 所谓的 Higher Order Observable 就是指一个 Observable 送出的元素还是一个 Observable,就像是二维数组一样,一个数组中的每个元 阅读全文
posted @ 2024-04-13 23:28 楚小九 阅读(34) 评论(0) 推荐(0) 编辑
摘要:今天我们要讲三个非常重要的operators,这三个operators在很多的RxJS相关的library的使用示例上都会看到。很多初学者在使用这些library时,看到这三个operators很可能就放弃了,但其实如果有把这个系列的文章完整看过的话,现在应该就能很好接受跟理解。 Operators 阅读全文
posted @ 2024-04-14 21:09 楚小九 阅读(106) 评论(0) 推荐(0) 编辑
摘要:今天我们要做一个 RxJS 的经典范例 - 自动完成 (Auto Complete),自动完成在实务上的应用非常广泛,几乎随处可见这样的功能,只要是跟表单、搜寻相关的都会看到。 虽然是个很常见的功能,但多数的工程师都只是直接套套件来完成,很少有人会自己从头到尾把完整的逻辑写一次。 如果有自己实作过 阅读全文
posted @ 2024-04-14 22:06 楚小九 阅读(21) 评论(0) 推荐(0) 编辑
摘要:前几天我们讲完了能把 Higher Order Observable 转成一般的 Observable 的 operators,今天我们要讲能够把一般的 Observable 转成 Higher Order Observable 的 operators。 其实前端不太有机会用到这类型的 Operat 阅读全文
posted @ 2024-04-15 21:28 楚小九 阅读(16) 评论(0) 推荐(0) 编辑

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