30天精通RXJS（00）：关于

于 2017-09-26 02:51:37 发布 163 收藏
原文链接：https://juejin.im/post/59c9c0a36fb9a00a3f24f6fa
版权
weixin_33795833
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 0
    评论
30 天精通 RxJS 笔记5
hequhecong10857的博客
06-06 44
文章目录Subject 基本概念BehaviorSubject Subject 基本概念 Subject 同时是Observable 又是Observer Subject 会对内部的observers 清单进行组播(multicast) const { interval, Subject } = rxjs; const { take } = rxjs.operators; var source = interval(1000).pipe(take(3)); var subject = new Subj
30 天精通 RxJS (01)：认识 RxJS
weixin_34087301的博客
05-10 152
原作者：一名來自台灣的小伙子，熱愛學習新技術，喜歡 JS 與 Functional Programming，熱衷於把困難的技術用簡單的語言闡述，歡迎來到我的文章。 原文 在网页中存取数据都是异步(Async)的，比如说我们想从后端拿到一组数据，要先发送一个请求，然后必须等到数据回來，再执行对这个数据的操作。这就是一个异步的行为，而随着网页需求的复杂化，我们所写的 JavaScript 就有各钟针对...
30 天精通 RxJS(29)：30 天感言
weixin_34258782的博客
09-26 280
30 天精通 RxJS(29)：30 天感言 30 天悄悄的就过了，这 30 篇的文章基本上已经把 RxJS 一个核心三个重点(Observable + Observer + Subject + Scheduler)以及各个 operators 几乎也都有写到。最开始写这个系列的文章是希望能让 RxJS 的学习曲线降低，所以文章的前后顺序及内容都是特别规划过的，不知道我到底是不是真的做到了。 这 ...
30 天精通 RxJS 笔记1
hequhecong10857的博客
11-28 90
文章目录认识RxJS函数式（Functional）编程响应式（Reactive）编程小结函数式（Functional）编程基本概念核心思想基本条件优势 认识RxJS 函数式（Functional）编程 用 function 来思考问题，以及编写程序。 响应式（Reactive）编程 当变量发生改变时，由变量主动告诉我发生变动了。 小结 RxJS是函数式编程和响应式编程两种编程思想的结合。 函数式（Functional）编程基本概念 核心思想 做运算处理，并用Function来思考问题。 基本条件 函数能够
30 天精通 RxJS(19)： 实际示例 - 简单 Auto Complete 实例
weixin_34327761的博客
09-26 172
今天我们要做一个 RxJS 的经典示例 - 自动完成 (Auto Complete)，自动完成在开发上的应用非常广泛，几乎随处可见这样的功能，只要是跟表单、搜寻相关的都会看到。 虽然是个很常见的功能，但多数的工程师都只是直接套插件来完成，很少有人会自己从头到尾把完整的逻辑写一次。如果有自己写过这个功能的工程师，应该就会知道这个功能在实现的过程中很多细节会让代码变的非常复杂，像是要如何取消上一次发送...
30 天精通 RxJS 笔记2
hequhecong10857的博客
11-28 57
文章目录建立 Observable(一)建立ObservableObservable 同時可以處理同步與非同步的行為觀察者 Observer訂閱一個 Observable 就像是執行一個 function建立 Observable(二)常用Creation OperatorSubscription 建立 Observable(一) 建立Observable const { Observable } = rxjs; var observable = Observable .create((observer)
30 天精通 RxJS 笔记4
hequhecong10857的博客
11-29 65
文章目录Observable Operator Observable Operator skip：可以略过前几个送出的元素，但是原本元素的等待时间仍然存在 takeLast：必须等到整个observable完成(complete)，才能知道最后的元素有哪些，并且同步送出 last：takeLast(1)的简化写法，那就是last()用来取得最后一个元素。 concat：把多个observable 实例合并成一个，必须先等前一个observable完成(complete)，才会继续下一个 startWith
# 30 天精通 RxJS (01)：认识 RxJS
weixin_33901926的博客
09-26 79
RxJS 是笔者认为未来几年内会非常红的 Library，RxJS 提供了一套完整的非同步解决方案，让我们在面对各种非同步行为，不管是 Event, AJAX, 还是 Animation 等，我们都可以使用相同的 API (Application Programming Interface) 做开发。 RxJS Logo 这是【30天精通 RxJS】的 01 篇，如果还没看过 00 篇可以往这...
30天精通RxJS（02）:Functional Programming基本观念
weixin_33725126的博客
05-11 86
原作者：一名來自台灣的小伙子，熱愛學習新技術，喜歡 JS 與 Functional Programming，熱衷於把困難的技術用簡單的語言闡述，歡迎來到我的文章。 原文 什么是Functional Programming？ Functional Programming是一种编程规范（programming paradigm），就像Object-oriented Programming（OOP）一样...
30 天精通 RxJS (08)：简易拖拽实例 - take, first, takeUntil, concatAll
weixin_34355559的博客
09-26 258
如果是你会如何实现拖拽的功能？ 这是【30天精通 RxJS】的 08 篇，如果还没看过 07 篇可以往这边走：[30 天精通 RxJS (07)： Observable Operators & Marble Diagrams]github.com/ShaofeiZi/3… 今天建议大家直接看影片 我们今天要接着讲 take, first, takeUntil, concatAll 这四...
30 天精通 RxJS 笔记3
hequhecong10857的博客
11-28 78
文章目录Observable Operators & Marble Diagrams什麼是 Operator？Marble diagrams（弹珠图）Operators简易拖拉实作- take, first, takeUntil, concatAllOperators简易拖拉 Observable Operators & Marble Diagrams 什麼是 Operator？ Operators 就是一個個被附加到 Observable 上的函数，例如像是 map, filter, …
构建流式应用—RxJS详解
热门推荐
zhoulu001的专栏
11-07 1万+
最近在 Alloyteam Conf 2016 分享了《使用RxJS构建流式前端应用》，会后在线上线下跟大家交流时发现对于 RxJS 的态度呈现出两大类:有用过的都表达了 RxJS 带来的优雅编码体验，未用过的则反馈太难入门。所以，这里将结合自己对 RxJS 理解，通过 RxJS 的实现原理、基础实现及实例来一步步分析，提供 RxJS 较为全面的指引，感受下使用 RxJS 编码是怎样的体验。
30 天精通 RxJS(21): 深入 Observable
weixin_33877092的博客
09-26 78
我们已经把绝大部分的 operators 都介绍完了，但一直没有机会好好的解释 Observable 的 operators 运行方式。在系列文章的一开头是以数组(Array)的 operators(map, filter, concatAll) 作为切入点，让读者们在学习 observable 时会更容易接受跟理解，但实际上 observable 的 operators 跟数组的有很大的不同，主...
RxJS速成 (上)
weixin_34348805的博客
03-25 650
What is RxJS? RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX是一种针对异步数据流的编程。简单来说，它将一切数据，包括HTTP请求，DOM事件或者普通数据等包装成流的形式，然后用强大丰富的操作符对流进行处理，使你能以同步编程的方式处理异步数据，并组合不同的操作符来轻松优雅的实现你所需要的功能 下面废话不说, 直接切入正题.   准备项目 我...
30 天精通 RxJS (03)： Functional Programming 通用函数
weixin_34406086的博客
09-26 57
了解 Functional Programming 的通用函数，能让我们写出更简洁的代码，也能帮助我们学习 RxJS。 这是【30天精通 RxJS】的 03 篇，如果还没看过 02 篇可以往这边走：[30 天精通 RxJS (02)： Functional Programming 基本观念]github.com/ShaofeiZi/3… 读者可能会很好奇，我们的主题是 RxJS 为什么要特别讲...
30 天精通 RxJS (05)： 建立 Observable(一)
weixin_34191845的博客
09-26 68
Observable 是 RxJS 的核心，今天让我们从如何建立 Observable 开始！ 这是【30天精通 RxJS】的 05 篇，如果还没看过 04 篇可以往这边走：[30 天精通 RxJS (04)： 什么是 Observable ?]github.com/ShaofeiZi/3… 不想看文章的人，可以直接看视频喔！ 今天大家看文章一定要分清楚 Observable 跟 Obser...
30 天精通 RxJS(28)：Scheduler 基本观念
weixin_33726313的博客
09-26 69
不晓得读者们还记不记得，我们在前面的文章中有提到 Scheduler 是为了解决 RxJS 衍生的最后一个问题，而我们现在就在揭晓这个谜底。 其实 RxJS 用久了之后就会发现 Observable 有一个优势是可以同时处理同步和非同步行为，但这个优势也带来了一个问题，就是我们常常会搞不清处现在的 observable 执行方式是同步的还是非同步的。换句话说，我们很容易搞不清楚 observabl...
30 天精通 RxJS (04)： 什么是 Observable ?
weixin_34143774的博客
09-26 77
整个 RxJS 的基础就是 Observable，只要弄懂 Observable 就算是学会一半的 RxJS 了，剩下的就只是一些方法的练习跟熟悉；但到底什么是 Observable 呢？ 这是【30天精通 RxJS】的 04 篇，如果还没看过 03 篇可以往这边走：30 天精通 RxJS (03)： Functional Programming 通用函数%EF%BC%9A%20Functio...
30 天精通 RxJS (06)： 建立 Observable(二)
weixin_33994444的博客
09-26 88
通常我们会透过 creation operator 来建立 Observable 实例，这篇文章会讲解几个较为常用的 operator！ 这是【30天精通 RxJS】的 06 篇，如果还没看过 05 篇可以往这边走：[30 天精通 RxJS (05)： 建立 Observable(一)]github.com/ShaofeiZi/3… Creation Operator (创建 运算符) Obs...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值