RxJS

RxJS入门（10）----使用Cycle.js的响应式web应用程序

伴随着single-pageapps的出现，网站突然被期望坐更多，甚至要和“native”apps进行比较。为了是web应用程序更快，开发者们意识到某些领域的瓶颈：让web应用程序像它们的本地副本一样快和稳定。Facebook的React是开拓者，伴随着使用这个新技术的若干框架的出现，在保持diamante简单和明了的情况下，web应用程序越来越快。在本章中，我们将使用一些新技术来开发web应用程
tianjun2012·2016-05-11 11:00

RxJS入门（9）----调度（Bending Time with Schedulers）

我一知道RxJS，我们开始把它用到我的项目中了。在一段时间后，我想，我知道能如何有效的使用它了，但是这里有一个令人心烦的问题：我如何知道使用的操作符是异步的还是同步的？
tianjun2012·2016-05-10 17:00

RxJS入门（8）----创建一个完整的web application

包括RxJS，我们将会使用两个比较重
tianjun2012·2016-05-10 14:00

RxJS入门（7）----创建一个完整的web application

在本章中，使用Rxjs，我们将创建一个典型的webapplication。我们将转化DomObjectModel（DOM）并且使用node.js中的websocket做c/s的交互。
tianjun2012·2016-05-09 11:00

RxJS入门（6）----编写并发程序

接上面的（5）-AvoidDrinkingfromtheFirehose-这儿存在一个问题，就是接受数据太快了。大部分时间我们需要我们能得到的速度，但是依赖于那些Observable流值非常频繁的，我们可能想丢掉一些我们收到的值。现在我们就是这种场景。我们屏幕重绘的速度和Observable的速度应该是成比例的。但结果是我们最快的Observable对我们来说太快了，我们需要在游戏中创建一个持续更
tianjun2012·2016-05-06 11:00

RxJS 核心概念之Subject

在RxJS中，Subject是一类特殊的Observable，它可以向多个Observer多路推送数值。
mumuzhenzhen·2016-05-06 00:00

RxJS 核心概念Observer & Subscription

在RxJS中，Observer是一个由回调函数组成的对象，键名分别为next、error和complete，以此接受Observable推送的不同类型的通知，下面的代码段是Observer的一个示例：varobserver
mumuzhenzhen·2016-05-04 00:00

RxJs 核心概念之Observable

Observable（可观察对象）是基于推送（Push）运行时执行（lazy）的多值集合。下方表格对Observable进行了定位（为解决基于推送的多值问题）：MagicQ单值多值拉取(Pull)函数遍历器推送(Push)PromiseObservable例：当observable被订阅后，会立即（同步地）推送1，2，3三个值；1秒之后，继续推送4这个值，最后结束（推送结束通知）：varobser
mumuzhenzhen·2016-05-03 00:00

[Angular 2] ngrx/store

@ngrx/storebuildsontheconceptsmadepopularbyReduxandsuperchargesitwiththebackingofRxJS.TheresultisatoolandphilosophythatwilltransformthewayyouapproachstatemanagementinyourAngular2applications.Thislesso
Answer1215·2016-05-01 04:00

RxJS入门（5）----编写并发程序

在本章节中，我们通过在浏览器中设计一个射击飞船的游戏来探索RxJS中的concurrency（并发）和purefunction（纯函数）。首先，我们将介绍Observable的pipeline，链接
tianjun2012·2016-04-28 17:00

[Angular 2] Using a Value from the Store in a Reducer

RxJSallowsyoutocombinestreamsinvariousways.Thislessonshowsyouhowtotakeaclickstreamandcombineitwithastorestreamtouseavaluefromthestoreinsideareducer
Answer1215·2016-04-28 04:00

RxJS入门（4）----深入Sequence

MakingaReal-TimeEarthquakeVisualizer使用在本章中所涉及到的概念，我们将使用Rxjs来创建一个web应用程序，来展现那些物理时间上正在发生的地震的地方。
tianjun2012·2016-04-27 20:00

RxJS入门（3）----深入Sequence

可视化Observable在Rxjs编程中你已经学了一些关于使用最频繁的操作符了。讨论什么是sequence的操作符感觉有点抽象。
tianjun2012·2016-04-26 20:00

RxJS入门（2）---Observable的介绍

创建Observable有好多种方式创建Observable，但是最常见的方式之一就是通过create操作符。在Rx.Observalbe对象的create操作符中需要传递一个回调函数，这个回调函数中需要传递一个订阅者参数（Observer，相当于（1）中传统观察者模式中的listener）。在这个方法中定义了Observable如何发射值，下面就举个例子来说明：varobservable=Rx.
tianjun2012·2016-04-25 22:00

RxJS入门（1）---Observer 和 Iterator模式简介

Rxjs的基础就是oberver观察这模式，但是单个数据的流确是Iterator模式（这个包装转化也可以转化为observer模式）,也就是说rxjs的基础的Observable其实是observer模式和
tianjun2012·2016-04-25 22:00

Reactive Programming with RxJS （读书笔记）

ReactiveProgrammingwithRxJSRx.Observable.create(function(observer){onNext/onCompleted...}).subscribe(
cteng·2016-03-24 17:00

[RxJS] Error Handling in RxJS

ThislessoncoversavarietyofwaystohandleexceptionsthrownbyObservablesinRxJS.Operatorscoveredare:catch,onErrorResumeNext
Answer1215·2016-03-15 03:00

[RxJS] Wrap up

Lastthingtodoiscleanthescoreboxandinput,alsoautofoucsoninputwhenclickstart.conststarters$=Observable.merge( start$.mapTo(1000), half$.mapTo(500), quarter$.mapTo(250) ); //Clearthescoreboxinputa
Answer1215·2016-03-14 05:00

[RxJS] Sharing Streams with Share

Astreamwillrunwitheachnewsubscriptionaddedtoit.Thislessonshowsthebenefitsofusing share sothatthesamestreamcanbesharedacrossmultiplesubscriptions. consttimer$=starters$ .switchMap(intervalActions) .s
Answer1215·2016-03-14 05:00

[RxJS] Basic DOM Rendering with Subscribe

WhileframeworkslikeAngular2andCycleJSprovidesgreatwaystoupdatetheDOMandhandlesubscriptionsforyou,thislessonshowshowyoucanstilldobasicsubscribeblocksandmanuallyupdatetheDOMonyourown. constObservable=Rx
Answer1215·2016-03-13 21:00

[RxJS] Resubscribing to a Stream with Repeat

Whenyoucompleteastream,there’snowaytorestartit,youmustresubscribe.Thislessonshowshow repeat comesinhandytoresubscribeafterastreamhascompleted. Currentthisblockofcode:consttimer$=starters$ .switchMap(
Answer1215·2016-03-13 21:00

[RxJS] Refactoring CombineLatest to WithLatestFrom

Thislessonshowswhyit’spreferabletousing withLatestFrom insteadof combineLatest incertainscenarios. Timerwillcontinueuntilyouenterthenumberintheinputfield:timer$ .do((x)=>console.log(x)) .combineLate
Answer1215·2016-03-12 18:00

[RxJS] Logging a Stream with do()

Tohelpunderstandyourstream,you’llalmostalwayswanttologoutsometheintermediatevaluestoseehowithasprogressedduringitslifespan.Thislessonteachesyouhowtouse do tologvaluesinthemiddleofthestreamwithouthavin
Answer1215·2016-03-11 21:00

[RxJS] Reactive Programming - Using cached network data with RxJS -- withLatestFrom()

Sonowwewanttoreplaceoneuserwhenweclickthe'x'button.  Todothat,wewant:1.GetthecachednetworkdataforgeneratingtheuserList.2.Thengetarandomuserfromthecacheddata.3.Showingtheuserinthelist. Wehavethefunctio
Answer1215·2016-03-10 02:00

[RxJS] Changing Behavior with MapTo

Youoftenneedstreamstotriggerdifferentbehaviorsonthedatabasedonwhichstreamstriggers.Thislessonsshowshowtouse mapTo topassfunctionsintothe scan operatorandhavecompletedcontroloveryoudata. CurrentCode:co
Answer1215·2016-03-09 22:00

[RxJS] Displaying Initial Data with StartWith

Youoftenneedtorenderoutdatabeforeyoustreambeginsfromaclickoranotheruserinteraction.Thislessonsshowshowtouse startWith tosettheinitialoutputbeforeyoutriggeryourstream. constObservable=Rx.Observable;
Answer1215·2016-03-09 16:00

[RxJS] Updating Data with Scan

Youoftenneedtoupdatethedataflowingthroughthestreamwithcustomlogicbasedonwhatyouneedtooutput.Thislessoncovershowtouse scan forcollectingandupdatingtheoutputsasyourstreamprogresses.EVerytimeweclickstart
Answer1215·2016-03-09 16:00

[RxJS] Stopping a Stream with TakeUntil

Observablesoftenneedtobestoppedbeforetheyarecompleted.Thislessonshowshowtouse takeUntil tostoparunningtimer.Thenweusethestartingstreamandthestoppingstreamtogethertocreateasimplestopwatch. constObserva
Answer1215·2016-03-09 16:00

[RxJS] Reactive Programming - Sharing network requests with shareReplay()

Currentlyweshowthreeusersinthelist,itactuallydothreetimenetworkrequest,wecanverfiythisbyconsoleouteachnetworkrequest:varresponseStream=startupRequestStream.merge(requestOnRefreshStream) .flatMap(requ
Answer1215·2016-03-09 03:00

[RxJS] Reactive Programming - Clear data while loading with RxJS startWith()

Incurrentlyimplemention,thereisoneproblem,whenthepageloadandclickrefreshbutton,theuserlistisnotimmediatlycleanup,itisclearedafterthenewdatacomein. Sotwothingsweneedtodo,  1.HideUserElementswhentheuser
Answer1215·2016-03-09 03:00

[RxJS] Reactive Programming - New requests from refresh clicks -- merge()

Nowwewanteachtimeweclickrefreshbutton,wewillgetnewgroupofusers.Soweneedtogettherefreshbuttonclickeventstream:varrefreshButton=document.querySelector('.refresh'); varrefreshClickStream=Rx.Observable.f
Answer1215·2016-03-08 19:00

[RxJS] Starting a Stream with SwitchMap & switchMapTo

FromaneventmaptoanothereventwecanuseswitchMap(),switchMap()acceptanfunctionwhichreturnanobervable. Thefollowingcode:Whenyouclickthebutton,itwillstartaintervaltoconsoleoutthecount...constObservable=Rx.
Answer1215·2016-03-08 03:00

[RxJS] Reactive Programming - Rendering on the DOM with RxJS

JSBin WhotofollowRefresh thiswillnotbedisplayed x neitherthis x northis x  varrefreshButton=document.querySelector('.refresh'); varre
Answer1215·2016-03-08 03:00

[RxJS] Reactive Programming - Why choose RxJS?

RxJSissuperwhendealingwiththedynamicvalue.  
Answer1215·2016-03-08 01:00

Angular2 依赖注入

相关博客如下：Angular2初探Angular2表单验证Angular2之rxjs以及http的世界Angular2cheatsheet参考资料还是小G上个博客里面介绍的例子，链接在这：Angular2quickstart
qq_27080247·2016-02-28 12:00

Angular2 表单验证

相关博客如下：Angular2初探Angular2dependencyinjectionAngular2之rxjs以及http的世界Angular2cheatsheet参考资料还是小G上个博客里面介绍的例子
qq_27080247·2016-02-28 12:00

[AngularJS + RxJS] Search with RxJS

Whendoingsearchfunction,youalwaysneedtoconsideraboutthe concurrentrequests.  AEvent----(6s)--->AResult------(100ms)-------BEvent-----(1s)--->BResult ItmeansAeventneedstotake6secondstogettheresult,butB
Answer1215·2016-02-08 21:00

RxJS API解析（四）

Rx*(Observable.combineLatest)方法方法定义Rx.Observable.combineLatest(...args,[resultSelector])作用通过处理函数总是将指定的可观察对象序列中最新发射的值合并为一个可观察对象。参数args(arguments|Array):一系列可观察对象或可观察对象的数组。[resultSelector](Function):在所有可
mumuzhenzhen·2016-01-22 00:00

RxJS API解析（三）

Rx*(Observable.catch)方法方法定义Rx.Observable.catch(...args)作用序列中可观察对象因为异常而被终止后，继续订阅序列中的其他可观察对象。参数args(Array|arguments):可观察对象序列。返回值(Observable):可观察对象序列中能够正确终止，不抛出异常的第一个可观察对象。宝珠图实例varobs1=Rx.Observable.thro
mumuzhenzhen·2016-01-17 00:00

RxJS API解析（二）

Rx*(Observable.case)方法方法定义[Rx.Observable.case(selector,sources,[elseSource|scheduler])]作用选择序列中特定可观察对象进行订阅，在特定可观察对象不存在的情况下，返回传入的默认可观察对象。参数selector(Function):返回键的字符串的函数，键用以与sources中的键名进行比较。sources(Objec
mumuzhenzhen·2016-01-15 00:00

RxJS API解析（一）

起因在SegmentFault里发布过一篇RxJS的简明教程，很多人反馈对这个主题很是很感兴趣，详见RxJS简明教程。Rx是一种编程的思维，而不是一个特定的框架或库。
mumuzhenzhen·2016-01-14 00:00

RxJS简明教程

“ReactiveProgramming是神马？”互联网上有很多不是很友好的解释。维基百科宽泛而玄乎。Stackoverflow教科书式的解释非常不适合信任ReactiveManifesto听起来像是给给项目经理或者是销售的汇报。微软的Rx定义“Rx=Observables+LINQ+Schedulers”太重并且太微软化了，让人看起来不知所云。“响应”、“变化发生”这些术语无法很好地阐释Reac
慕慕珍珍·2016-01-13 15:29

RxJS 教程

"ReactiveProgramming是神马？"互联网上有很多不是很友好的解释。维基百科宽泛而玄乎。Stackoverflow教科书式的解释非常不适合信任ReactiveManifesto听起来像是给给项目经理或者是销售的汇报。微软的Rx定义"Rx=Observables+LINQ+Schedulers"太重并且太微软化了，让人看起来不知所云。“响应”、“变化发生”这些术语无法很好地阐释Reac
mumuzhenzhen·2016-01-12 00:00

RxJava(RxAndroid)入门级教程及衍生教程

概念介绍RxJava只是ReactiveX(ReactiveExtensions)的一种java实现,ReactiveX是一种响应式扩展框架，有很多种实现，如RxAndroid,RxJS,RxSwift
biezhihua·2015-10-15 18:00

Reactive Extensions for JavaScript瘦身不再支持旧浏览器

RxJS2.2进行了瘦身，在默认构建中只支持ECMAScript5浏览器。
Jonathan Allen·2013-12-30 00:00

RxJS的异步、LINQ和未来

ReactiveExtensionsforJavaScript2.2包含一个可选的组件（rx.async.js），用于异步数据源。它满足了绑定到事件、回调和promise的需要。对于标准事件，Rx.Observable.fromEvent函数只要求对象持有事件和事件名称。对于自定义事件，Rx.Observable.fromEventPattern允许传递单独的函数，用于添加和解除事件处理程序。将p
Jonathan Allen·2013-12-30 00:00
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他