![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
rxjs
文章平均质量分 96
榴莲不好吃
这个作者很懒,什么都没留下…
展开
-
使用几个小例子来理解rxjs操作符
import { Observable, BehaviorSubject,ReplaySubject,AsyncSubject, Subject, combineLatest, zip, interval, of, from, fromEventPattern,range,defer,fromEvent,merge,zip,race, EMPTY, merge,Subject,asapSche...原创 2019-10-16 16:13:27 · 1174 阅读 · 0 评论 -
rxjs distinct 数组去重
distinct 操作符可以用来去重,将上游重复的数据过滤掉。import { of,from } from 'rxjs';import { distinct} from 'rxjs/operators'; // 使用of操作符产生一些数据,去重,然后订阅of(1, 1, 2, 2, 2, 1, 2, 3, 4, 3, 2, 1).pipe( distinct()).sub...原创 2019-03-15 17:48:32 · 1679 阅读 · 0 评论 -
rxjs debounceTime减少搜索的频率
debounceTime用来降低事件的触发频率,接收以毫秒为单位的参数它所做的操作是,在一定时间范围内不管产生了多少事件,它只放第一个过去,剩下的都将舍弃html:<div class="autocomplete"> <input class="input" type="search" id="search" autocomplete="off" placeh...原创 2019-03-15 17:57:53 · 2332 阅读 · 0 评论 -
rxjs请求依赖并发-小案例
/*请求依赖并发描述:发起一个用户登录请求,成功后再发送3个查询请求(资料,邮件,消息),最后将结果合并输出结果。 */const loginRequest = new Promise((resolve, reject) => { setTimeout(function () { resolve({sessionId:'xxx-xxx-xxx'}) }, 2000)...原创 2019-03-20 13:17:05 · 1654 阅读 · 0 评论 -
rxjs操作符整合
pairwise():将当前值和前一个值作为数组放在一起,然后将其发出debounce :保留符合我的规则的,不符合我的规则的抛弃掉debounceTime(300)://根据设定的时间保留序列,例如模糊查询,每次都是在300毫秒后发起请求(只保留300毫秒后的流)debounceTime、throttleTime类似 lodash 的 debounce 和 throttle,用来降低事件...原创 2019-03-18 18:28:20 · 1547 阅读 · 0 评论 -
rxjs 多播
/*多播* 前面的例子都是只有一个订阅者的情况,实际上当然可以有多个订阅者,这就是多播(multicast),即一个数据流的内容被多个 Observable 订阅。** Hot Observable 和 Cold Observable* */// 每次订阅都重新生产一份数据流const source$ = interval(1000).pipe( take(3))sourc...原创 2019-03-19 09:15:00 · 509 阅读 · 0 评论 -
使用rxjs以及javascript解决前端的防抖和节流,以及防抖在vue中的用法
JavaScript实现方式:防抖触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间;思路:每次触发事件时都取消之前的延时调用方法:举个例子:做一个自动查询的功能假装下面的代码是从服务器获取的数据(下面会用到):// 假装这是个接口function getData(val){ return new Promise(functi...原创 2019-08-27 13:41:37 · 2449 阅读 · 1 评论 -
数组里面对象去重的3种方法
数组里面对象去重的方法挺多的,下面列了几种方法任君选择!下面是将要过滤的数据,将arr里面id重复的数据去掉(下面方法中用的arr都是这组数据哦)。var arr = [ {id: 1, name: '周瑜1'}, {id: 3, name: '王昭君1'}, {id: 2, name: '李白1'}, {id: 1, name: '周瑜2'}, {id: 2, na...原创 2019-06-10 20:54:31 · 37069 阅读 · 4 评论