RxJS

angular版聊天室|仿微信界面IM聊天|NG2+Node聊天实例

一、项目介绍运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom
xiaoyan2017·2019-07-16 14:00

【响应式编程的思维艺术】 （5）Angular中Rxjs的应用示例

本文是【Rxjs响应式编程-第四章构建完整的Web应用程序】这篇文章的学习笔记。
大史不说话·2019-07-13 00:00

Rxjs学习之stream的组件

RxJS流由几个基本组件组成，对于整个流，每个组件都有相关的特定任务和生命周期。
xiaodongod·2019-07-12 17:42

【响应式编程的思维艺术】 （4）从打飞机游戏理解并发与流的融合

本文是Rxjs响应式编程-第三章:构建并发程序这篇文章的学习笔记。
大史不说话·2019-07-10 00:00

【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad

本文是Rxjs响应式编程-第二章：序列的深入研究这篇文章的学习笔记。
大史不说话·2019-07-07 00:00

【响应式编程的思维艺术】 （2）响应式Vs面向对象

本文是Rxjs响应式编程-第一章：响应式这篇文章的学习笔记。
大史不说话·2019-07-04 00:00

深入浅出Rxjs笔记 一

一.函数式编程函数式编程要求：声明式纯函数数据不可变js不算纯粹意义上的函数式编程语言，但是，在js中函数被称为一等公民，函数本身是一个对象，所以可以作为一个变量，可以作为参数传递。纯函数满足的条件：函数的执行过程完全由输入参数决定，不会受参数之外的任何数据影响函数不会修改任何外部状态，比如修改全局变量，传入的参数。面向对象思想：把数据封装到类的实例对象，把数据藏起来，让外部不能直接操作这些对象，
月半女那·2019-07-03 11:39

vue2.X集成Rxjs

想要引用Rxjs编程，只需在已有项目中执行以下操作即可：1.下载安装npminstallvue-rxrxjs--save-dev2.main.ts/main.js中导入importRxfrom'rxjs
Sun____·2019-07-03 10:28

【响应式编程的思维艺术】 （1）Rxjs专题学习计划

[TOC]一.响应式编程响应式编程，也称为流式编程，对于非前端工程师来说，可能并不是一个陌生的名词，它是函数式编程在软件开发中应用的延伸，如果你对函数式编程还没有一些感性的认知，那么建议你先阅读我曾经写过的一篇入门文章【javascript基础修炼（8）——指向FP世界的箭头函数】，先理解一下函数式编程的基本思想以及在javascript语言中应用。响应式编程和函数式编程的思想非常棒，它带给开发者
大史不说话·2019-07-02 00:00

学习RxJS之JavaScript框架Cycle.js

是什么Cycle.js是一个极简的JavaScript框架（核心部分加上注释125行），提供了一种函数式，响应式的人机交互接口（以下简称HCI）：函数式Cycle.js把应用程序抽象成一个纯函数main()，从外部世界读取副作用(sources)，然后产生输出(sinks)传递到外部世界，在那形成副作用。这些外部世界的副作用，做为Cycle.js的插件存在(drivers)，它们负责：处理DOM、
Unknw·2019-06-17 09:09

RxJS的入门指引和初步应用

前言RxJS是一个强大的Reactive编程库，提供了强大的数据流组合与控制能力，但是其学习门槛一直很高，本次分享期望从一些特别的角度解读它在业务中的使用，而不是从API角度去讲解。
Unknw·2019-06-15 09:49

从观察者模式到迭代器模式系统讲解 RxJS Observable（一）

RxJS是ReactiveExtensionsforJavaScript的缩写，起源于ReactiveExtensions，是一个基于可观测数据流Stream结合观察者模式和迭代器模式的一种异步编程的应用库
破晓·2019-06-10 00:00

Angular之Rxjs基础操作

一:处理异步(Observable)①,首先引入import{Observable}from'rxjs';②,使用setTimeOut来模拟延迟,返回Observable对象句柄varstream:Observable
Aonaufly·2019-06-04 19:35

使用RxJS更优雅地进行定时请求详析

在用Angular做项目的时候，遇到了一个有点麻烦的问题。具体问题如下：轮循请求某个接口，如何保证接口返回的数据与请求的顺序相同？实际的业务场景是这样的：前端需要轮循请求后端接口获取文件处理进度，并在前端用进度条展示。如下方所示：首先想到的肯定是使用setTimeout或者setInterval进行定时请求。然而结果有点诡异，进度条的变化不是递增，而是有快有慢，比如30%，20%，50%，40%这
叙帝利·2019-06-02 11:08

如何使用 RxJS 更优雅地进行定时请求

在用Angular做项目的时候，遇到了一个有点麻烦的问题。具体问题如下：轮循请求某个接口，如何保证接口返回的数据与请求的顺序相同？实际的业务场景是这样的：前端需要轮循请求后端接口获取文件处理进度，并在前端用进度条展示。如下方所示：首先想到的肯定是使用setTimeout或者setInterval进行定时请求。然而结果有点诡异，进度条的变化不是递增，而是有快有慢，比如30%，20%，50%，40%这
叙帝利·2019-05-31 21:00

RxJS介绍

什么是RxJSRxJS是一个库，它通过使用observable序列来编写异步和基于事件的程序。
real_ting·2019-05-28 18:53

【Rxjs】初步感知-不算入门的入门

文章目录Rxjs异步数据流编程各异步编程语法比较相比Promise的优势Rxjsunsubscribe取消订阅Rxjs订阅后多次执行Rxjs工具函数rxjs教程指路中文手册Rxjs异步数据流编程个人理解
bye_cherry·2019-05-23 23:26

RxJS 学习系列 1. 认识 RxJS

存在的问题在网页的世界存取任何资源都是非同步(Async)的，比如说我们希望拿到一个档案，要先发送一个请求，然后必须等到档案回来，再执行对这个档案的操作。这就是一个非同步的行为，而随著网页需求的复杂化，我们所写的JavaScript就有各种针对非同步行为的写法，例如使用callback或是Promise对象甚至是新的语法糖async/await——但随著应用需求越来越复杂，编写非同步的代码仍然非常
飞凡的陀螺·2019-05-21 16:17

RxJS Observables vs Promise 之简单对比

最近在学习RxJS，它是使用Observables的响应式编程的库，它使编写异步或基于回调的代码更容易。下面主要介绍Observables与promise的不同点。
DC_er·2019-05-21 12:39

angular6 运行时报错 ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.

错误信息：ERRORinnode_modules/rxjs/internal/types.d.ts(81,44):errorTS1005:';'expected.node_modules/rxjs/internal
pan0724·2019-05-20 11:39

ionic4-EventBus(事件总线)

下面我们将使用RxJS的特性来实现事件总线。注：代码源自ng-event-bus用法第一步导入#app.m
SandLZ·2019-05-08 09:13

bootstrap-table formatter 使用vue组件

import{Subject}from"rxjs";importVuefrom"vue";exportconstBtEventHub=newSubject();constVueComList=[];letVueComId
Chobits·2019-05-08 00:00

RxJS 学习系列 13. 合并打平操作符 switchMap, mergeMap, concatMap

学习本节前，建议先看上一节实际上这三个以Map结尾的操作符都是简写。共同特点：传入一个返回Observable的Function。switchMap=map+switchAllmergeMap=map+mergeMapconcatMap=map+concatMap我们可以使用mergeMap优化上节的例子fromEvent(document.body,'click').pipe(map(e=>{r
飞凡的陀螺·2019-05-06 15:56

RxJava基础一-创建操作符

ReactiveX是一种响应式扩展框架，有很多种实现，如RxAndroid，RxJS，RxSwift，RxRuby,RxCpp,RxGo等。
清水杨杨·2019-05-02 16:50

RxJS 学习系列 8. 过滤操作符 startWith,filter, last, first, skip, take

Observablefilter:传入function过滤发送的元素take:传入数字，只取N个数的元素skip:传入数字，跳过N个元素last:取最后一个元素first:取最后一个元素const{from}=rxjs
飞凡的陀螺·2019-04-29 17:52

RxJS原来应该这样用！

引言最近帮潘佳琦解决了一个诡异的问题，然后突然发现⾃己对观察者感到迷茫了。需求是⼀个注销按钮，如果是技术机构登陆，就调用技术机构的注销⽅法，如果是器具用户登陆，就调⽤器具⽤户的注销方法。当然，最优的解决⽅案并不是我下⽂所列的，既然功能不同，那就应该是两个对象。看来我们的⾯向对象运用得还不不够灵活。原问题解决问题描述注销代码如下，只表达思想，别去深究具体的语法：logout():void{this.
张喜硕·2019-04-26 00:00

RxJS 学习系列 6. Observable 和 数组的区别

Observable和数组都有filter,map等运算操作operators，具体的区别是什么？主要是两点：延迟运算渐进式取值延迟运算延迟运算很好理解，所有Observable一定会等到订阅后才开始对元素做运算，如果没有订阅就不会有运算的行为varsource=Rx.Observable.from([1,2,3,4,5]);varexample=source.map(x=>x+1);上面这段代码
飞凡的陀螺·2019-04-24 12:44

angular 事件派发和监听

触发派发事件this.sendEvent('mapChanged',param);//pop.component.ts调用方法的内部第五步：其他组件监听自定义事件import{filter}from'rxjs
Future1994·2019-04-16 15:21

有损回压控制过滤操作符对比

举个例子：两根漏斗型管道汇集到一根管道中，要求两根管道按1：1的比例流出，但一根进水比较量，就会在这根管道上积水在rxjs中，zip操作符就有这样的问题，因为受下游处理速度的控制，上游数据传入下游的速度跟不上上游数据传入的速度
琢磨先生lf·2019-04-14 10:16

rxjs经典场景之http请求

在实际开发中，相信小伙伴们都碰到过接口的串行调用以及并行调用，而并行调用又有两种，一种是只需最先返回的结果即可，这种比较少见，有时候接口变迁，为了平缓过渡，方便容错才会出现；另一种则是需要所有请求的接口数据才能进行下一步，这种比较常见，如账号可用余额是否可以购买商品等。普通的Ajax请求在前端远古时代，碰到以上情况，串行通过嵌套调用来处理，并行通过判断是否均完成请求的方式来处理。但是这样子处理实际
eflypro小普·2019-04-11 14:17

使用RxJS管理React应用状态的实践分享

随着前端应用的复杂度越来越高，如何管理应用的数据已经是一个不可回避的问题。当你面对的是业务场景复杂、需求变动频繁、各种应用数据互相关联依赖的大型前端应用时，你会如何去管理应用的状态数据呢？我们认为应用的数据大体上可以分为四类：事件：瞬间产生的数据，数据被消费后立即销毁，不存储。异步：异步获取的数据；类似于事件，是瞬间数据，不存储。状态：随着时间空间变化的数据，始终会存储一个当前值/最新值。常量：固
shayeLee·2019-04-02 00:00

通过超级直观的图表学习合并Rxjs

内容来自于MaxKoretskyiakaWizard的《LearntocombineRxJssequenceswithsuperintuitiveinteractivediagrams》在足够复杂的应用程序上工作时
張怼怼·2019-03-28 00:00

Ionic4 JWT鉴权教程

将学习如何使用HttpClient发生Post请求到使用Node+Express.js创建的鉴权后台，使用RxJSObservable跟踪授权状态；如何使用Ion
shansheng·2019-02-24 06:28

【CuteJavaScript】Angular6入门项目（1.构建项目和创建路由）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六
pingan8787·2019-02-23 11:58

【CuteJavaScript】Angular6入门项目（2.构建项目页面和组件）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（4.改造组件和添加HTTP服务）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（1.构建项目和创建路由）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六
pingan8787·2019-02-23 00:00

【CuteJavaScript】Angular6入门项目（3.编写服务和引入RxJS）

本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六
pingan8787·2019-02-23 00:00

angular4学习笔记（第八章 响应式编程篇）

1.Rxjs基础知识基本概念Observable(可观察对象):表示一个概念，这个概念是一个可调用的未来值或事件的集合。
cxzlp0521·2019-02-22 10:05

rxjs switchMap操作符

在写分页数据请求时，将页数大小和当前页传入后台，就能获取到分页数据了，一开始写了一个方法，将页数和大小传入，返回可观察数据。service:/***获取分页数据*/getMajorByPage(page:number,size:number):Observable>{constparams={page:page.toString(),size:size.toString()};returnthis
鲸冬香·2019-02-22 00:00

【响应式编程的思维艺术】 （5）Angular中Rxjs的应用示例

目录一.划重点二.Angular应用中的Http请求三.使用Rxjs构建Http请求结果的处理管道3.1基本示例3.2常见的操作符四.冷热Observable的两种典型场景4.1shareReplay与请求缓存
大史不说话·2019-02-20 21:00

RxJS 实现摩斯密码(Morse) 【内附脑图】

参加2018ngChina开发者大会，特别喜欢MichaelHladky奥地利帅哥的RxJS分享，现在拿出来好好学习工作坊的内容（工作坊Demo地址），结合这个示例，做了一个改进版本，实现更简洁，逻辑更直观
Worktile·2019-02-19 00:00

nestjs学习（四）

Authorizationguardimport{Injectable,CanActivate,ExecutionContext}from'@nestjs/common';import{Observable}from'rxjs
AndyViky·2019-02-09 14:51

RxJS 学习系列 RxJS 5 到 6迁移指导

原文：https://rxjs-dev.firebaseapp.com/guide/v6/migration转载地址：https://segmentfault.com/a/1190000014956260
飞凡的陀螺·2019-02-04 11:56

【Rxjs】Rxjs_Subject 及其衍生类

Rxjs_Subject及其衍生类在RxJS中，Observable有一些特殊的类，在消息通信中使用比较频繁，下面主要介绍较常用的几个类：1/SubjectSubject可以实现一个消息向多个订阅者推送消息
云中的猫·2019-01-31 00:00

angular 的同步http请求

cascader在使用rxjs的subscribe异步传入数据时，cascader的级联选择加载不出来数据。于是想到如何使用同步来获取数据。首先，获取数据，我写在service里。
Ghost_02·2019-01-26 19:02

Rxjs响应式编程

Angular中默认用了Rxjs。所以我们也要学习一下。首先何为响应式编程：就是异步数据编程。他是以观察者模式为核心。比如针对按钮点击事件我们做些逻辑编写。
hengxinxuan·2019-01-12 17:00

技术分享：RxJS实战练习-经典游戏Breakout

效果图数据流分析1.ticker$数据流interval配合scheduler/animationFrame作为游戏随时间变化的控制数据流ticker$=interval(this.TICKER_INTERVAL,animationFrame).pipe(map(()=>({time:Date.now(),deltaTime:null})),scan((previous,current)=>({t
Worktile·2019-01-11 15:00

angular + rxjs（一）环境+组件

安装angular/clinpminstall-g@angular/cli查看安装版本ngvangular/cli创建新项目ngnewmy-angular-app等待几分钟创建工程工程生成的目录创建工程创建新的proxy.config.json配置代理proxy.config.json{"/api":{"target":"http://localhost:3000"}}跳转到工程目录，启动cdmy
眠九·2019-01-10 16:56

面试题 LazyMan 的Rxjs实现方式

前言笔者昨天在做某公司的线上笔试题的时候遇到了最后一道关于如何实现LazyMan的试题，题目如下实现一个LazyMan，可以按照以下方式调用:LazyMan(“Hank”)输出:Hi!ThisisHank!LazyMan(“Hank”).sleep(10).eat(“dinner”)输出Hi!ThisisHank!//等待10秒..Wakeupafter10Eatdinner~LazyMan(“H
_John·2019-01-10 00:00
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他