RxJS 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
RxJS 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 Apache
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 小编辑
适用人群 未知
收录时间 2014-09-13

软件简介

静态网页已经成为历史,如今的web设计趋势是预测客户想法并提供更好的互动功能,例如自动填写表单、搜索Wikipedia等。RxJS框架可以很方便地为鼠标和键盘事件提供响应。

示例代码:

var $input = $('#input'),
    $results = $('#results');

/* Only get the value from each key up */
var keyups = Rx.Observable.fromEvent(input, 'keyup')
    .map(function (e) {
        return e.target.value;
    })
    .filter(function (text) {
        return text.length > 2;
    });

/* Now throttle/debounce the input for 500ms */
var throttled = keyups
    .throttle(500 /* ms */);

/* Now get only distinct values, so we eliminate the arrows and other control characters */
var distinct = keyups
    .distinctUntilChanged();
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2018/07/17 21:07

RxJS

事件总线 EventBus,消息或事件流动的管道,集中式事件处理机制:负责订阅者、事件等信息的存储,同时处理事件的流动和分发。 基于观察者模式思想,摒弃观察者模式需要显式注册回调的缺点 订阅者和发布者解耦 简化组件间通信 至于观察者模式,发布订阅模式有两种方式: 简单方式:Publisher维护一个订阅者列表,当状态改...

0
0
发表于大前端专区
2019/03/06 01:43

Rxjs入门

Rxjs英文官网域名已经变为 https://rxjs-dev.firebaseapp.com/ 本文中的例子均采用5.3版本 感受Rxjs 第一个小练习 学习用observable的方式来注册事件监听,注释的代码为注册事件监听器的常规写法。 <!DOCTYPE ...

0
0
发表于软件架构专区
2017/07/01 23:24

RxJS学习

RxJS给我们提供了一堆操作符用于处理这些Observable之间的关系,比如说,我们可以这样: const A$ = Observable.interval(1000) const B$ = Observable.of(3) const C$ = Observable.from([5, 6, 7]) const D$ = ......

0
0
发表了博客
2018/02/26 16:42

RxJS 笔记

http://mp.weixin.qq.com/s?__biz=MzI5MDM2NjY5Nw==&mid=2247483759&idx=1&sn=5b288a35fbe3300e157d4c0cc924bdf6&c 为什么使用RxJS? RxJS 未来2~3年是一个很火的一套 Library。 Reactive Programming 的兴起 Observable 标准化 多語言的支持 Reactive Programming 是 RxJS 最重要的核心观念之一。 认识RxJS Functional P...

0
0
发表于大前端专区
2018/10/31 09:22

RXJS

RxJS是ReactiveX编程理念的JavaScript版本 推荐前端在线编程工具jsbin:https://jsbin.com/poraxawohe/edit?html,console 核心概念: Observable Observer Operator Observer是什么 先看代码: let foo = Rx.O......

0
0
发表了博客
2018/03/25 10:09

RxJS速成 (上)

What is RxJS? RxJS是ReactiveX编程理念的JavaScript版本。ReactiveX是一种针对异步数据流的编程。简单来说,它将一切数据,包括HTTP请求,DOM事件或者普通数据等包装成流的形式,然后用强大丰富的操作符对流进行处理,使你能以同步编程的方式处理异步数据,并组合不同的操作符来轻松优雅的实现你所需要的功能 下面废话不...

0
0
发表了博客
2019/11/28 13:27

RxJS入门

一、RxJS是什么? 官方文档使用了一句话总结RxJS: Think of RxJS as Lodash for events。那么Lodash主要解决了什么问题?Lodash主要集成了一系列关于数组、对象、字符串等集合操作,极大的方便了对这些集合数据进行衍生。举个简单的例子:求数组偶数元素的平方和 const { pipe, filter, map, reduce } = require('lodash/...

0
0
发表于大前端专区
02/03 22:17

rxjs

obserable = colections + time

0
0
发表于大前端专区
2018/12/28 09:19

rxjs 学习(1)-认识 rxjs 和理解 observables

什么是 rxjs? 我查阅了一些资料,觉得比较通俗易懂的说法是:rxjs 是一个使用 Observable 的响应式编程库。它通过使用 observable 序列编写基于异步和事件的程序。核心类型是: Observable , 附属类型:Observer,...

0
1
发表了博客
2018/12/18 17:49

rxjs入门指南

使用场景 在复杂的,频繁的异步请求场景,使用rxjs。 在依赖的多个异步数据,决定渲染的情景,使用rxjs。 总之:在前台频繁的、大量的、和后台数据交互的复杂项目里面,使用rxjs(web端,iOS,android端等,客户端都可考虑使用) rxjs初步认识 数据和数据观察者的绑定。数据变化,观察者动作——监听或者观察者模式。 观...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2018/06/04 19:04

高手问答第 200 期 — 兼具函数式和响应式编程的 RxJS,了解一下?

OSCHINA 本期高手问答(2018 年 6 月 5 日 — 6 月 11 日)我们邀请到了程墨老师@程墨Morgan 和大家一起讨论关于 RxJS 的问题。 程墨,资深架构师,曾任职于摩托罗拉、雅虎和微软,云鸟配送平台联合创始人,目前服务于美国视频服务公司 Hulu。 技术发展迅速,用户的需求增加更快,软件的代码库也会随需求增长快速膨胀,在这...

26
9
发表于大前端专区
2018/04/18 21:10

Angular2中如何处理多个http请求的结果?

比如有多个http请求: this.http.get(url1).subscribe(res1=>console.log(res1)) this.http.get(url2).subscribe(res2=>console.log(res2)) this.http.get(url3).subscribe(res3=>console.log(res3)) 请问es6/rxjs中有没有什么写法可以等待三个请求结束,然后再进行处理呢? 我在网上找了好几个方案,试了一下都不好使 le...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
22 收藏
分享
返回顶部
顶部