qrcode

马上订阅,开启修仙之旅

rxjs

RxJS Subject

观察者模式观察者模式,它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 我们可以使用日常生活中,期刊订阅的例子来形象地解释一下上面的概念。期刊订阅包含两个主要的角色:期刊出版方和订阅者,他们之间的关系如下: 期刊出版方 —— 负责期刊的出版和发行工作。 订阅者 —— 只需执行订阅操作,新版的期...

RxJS 函数式与响应式编程

什么是函数式编程简单说,”函数式编程”是一种 “编程范式”(programming paradigm),也就是如何编写程序的方法论。 函数式编程基本要素所谓 “一等公民”(first class),指的是函数与其他数据类型一样,处于平等地位,可以赋值给其他变量,也可以作为参数,传入另一个函数,或者作为其它函数的返回值。 函数赋值给变量: 12const greet = function(ms...

创建 Observable

在 RxJS 中为我们提供了很多创建 Observable 对象的方法,其中 create 是最基本的方法。它是 Observable 类的静态属性 —— static create: Function,也是创建 Observable 对象的工厂方法。 12345678910import { Observable } from "rxjs";const observabl...

RxJS Observable

在介绍 Observable 之前,我们要先了解两个设计模式: Observer Pattern ——(观察者模式) Iterator Pattern ——(迭代器模式) 这两个模式是 Observable 的基础,下面我们先来介绍一下 Observer Pattern。 Observer Pattern观察者模式定义 观察者模式是软件设计模式的一种。在此种模式中,一个目标对象管理所有相...

RxJS 处理多个Http请求

有时候进入某个页面时,我们需要从多个 API 获取数据然后进行页面显示。管理多个异步数据请求会比较困难,但我们可以借助 Angular Http 服务和 RxJS 库提供的功能来实现上述的功能。处理多个请求有多种方式,使用串行或并行的方式。 基础知识mergeMapmergeMap 操作符用于从内部的 Observable 对象中获取值,然后返回给父级流对象。 合并 Observable ...

RxDB 异常机制

RxDB 是一个由 JavaScript 实现,拥有响应式,离线优先等特性的数据库。它拥有以下特性: 多平台支持:浏览器、Node.js、Electron、Cordova、React-Native 和其它 JavaScript 运行时; 基于 RxJS 的响应式数据处理; 支持客户端与服务端之间的数据备份,兼容 PouchDB,CouchDB 和 IBM Cloudant; 基于易于学习的...

RxJS mergeMap和switchMap

假设现在有一个简单的任务:页面上有一个按钮,当你点击按钮的时候,需要启动一个定时器。使用 RxJS 我们可以可以很方便地实现上述功能: 12345678import { fromEvent, interval } from 'rxjs';const button = document.querySelector('button');fromEvent(button, 'c...