rxjs
文章平均质量分 92
tianjun2012
这个作者很懒,什么都没留下…
展开
-
RxJS入门(1)---Observer 和 Iterator模式简介
Rxjs的基础就是oberver观察这模式,但是单个数据的流确是Iterator模式(这个包装转化也可以转化为observer模式),话回正题,回归下这两种模式Observer模式(基于js的) <script type="application/javascript"> function Producer(){ this.listeners = [];原创 2016-04-25 22:08:57 · 6909 阅读 · 5 评论 -
RxJS入门(5)----编写并发程序
并发是指同时无误、有效地做一些事。为了完成这些,我们创建我们的程序充分利用时间在一个最有效的方式一起执行这些任务。例如,我们程序每天的并发包含当其他事件发生时用户接口的响应,有效处理成百上千用户的命令。在本章节中,我们通过在浏览器中设计一个射击飞船的游戏来探索RxJS中的concurrency(并发)和pure function(纯函数)。首先,我们将介绍Observable的pipeline,链原创 2016-04-28 17:31:38 · 7876 阅读 · 0 评论 -
RxJS入门(10)----使用Cycle.js的响应式web应用程序
伴随着single-page apps的出现,网站突然被期望坐更多,甚至要和“native”apps进行比较。为了是web应用程序更快,开发者们意识到某些领域的瓶颈:让web应用程序像它们的本地副本一样快和稳定。Facebook的React是开拓者,伴随着使用这个新技术的若干框架的出现,在保持diamante简单和明了的情况下,web应用程序越来越快。在本章中,我们将使用一些新技术来开发web应原创 2016-05-11 11:27:51 · 3078 阅读 · 1 评论 -
RxJS入门(9)----调度(Bending Time with Schedulers)
如题,感觉题目没有翻译好,见英文知其义。我一知道RxJS,我们开始把它用到我的项目中了。在一段时间后,我想,我知道能如何有效的使用它了,但是这里有一个令人心烦的问题:我如何知道使用的操作符是异步的还是同步的?换句话说,什么时候利用操作符准确的发送通知?这看起来是正确使用RxJs的机器重要的部分,但是这让我感觉很模糊。interval很明显是异步的,所以它必须在像setTimeout内部使用来发射原创 2016-05-10 17:32:41 · 4446 阅读 · 0 评论 -
RxJS入门(8)----创建一个完整的web application
上接(7)Getting Real-Time Updates from Twitter我们计划的的第二部分是做一个实时的仪表给地震,添加从Twitter相关的地球上正在发生的不同地震报告和信息。为了实现这个,我们需要创建一个小的Node.js程序,它获取tweets相关的地震的流。Setting Up Our Node.js Environment配置我们的Node.js程序。包括RxJS,我原创 2016-05-10 14:06:03 · 4216 阅读 · 1 评论 -
RxJS入门(4)----深入Sequence
接着(3),这一张分成两部分来翻译。Making a Real-Time Earthquake Visualizer使用在本章中所涉及到的概念,我们将使用Rxjs来创建一个web应用程序,来展现那些物理时间上正在发生的地震的地方。我们将会以建立一个单纯响应的实现功能为开始,随着我们的深入,我们将会改进它,最后的结果将会如下所示: 准备我们的环境我们将会使用USGS(U.S. Geological原创 2016-04-27 20:32:22 · 3387 阅读 · 0 评论 -
RxJS入门(7)----创建一个完整的web application
在本章中,使用Rxjs,我们将创建一个典型的web application。我们将转化Dom Object Model(DOM)并且使用node.js中的websocket做c/s的交互。用户界面部分,我们将使用RxJs-Domlibrary,这同样是Rxjs团队做的库,提供了方便的操作符来处理DOM和浏览器相关的使我们的编码更容易。服务器端:我们将是使用两个建立很好的node库,并用Observ原创 2016-05-09 11:31:03 · 6539 阅读 · 0 评论 -
RxJS入门(3)----深入Sequence
在之前的系列中,我吧sequence翻译成了序列,题目我就不翻译了,感觉翻译过来的有点失去了点啥。其他好多地方都是用stream(流)来比喻和形容。可视化Observable在Rxjs编程中你已经学了一些关于使用最频繁的操作符了。讨论什么是sequence的操作符感觉有点抽象。为了帮助开发者更容易的理解操作符,我们使用marble diagrams(弹子图?翻译估计有问题)来标准可视化。他们很形象的原创 2016-04-26 20:43:00 · 11479 阅读 · 2 评论 -
RxJS入门(2)---Observable的介绍
有好多种方式创建Observable,但是最常见的方式之一就是通过create操作符。在Rx.Observalbe对象的create操作符中需要传递一个回调函数,这个回调函数中需要传递一个订阅者参数(Observer,相当于(1)中传统观察者模式中的listener)。在这个方法中定义了Observable如何发射值,下面就举个例子来说明:var observable = Rx.Observabl原创 2016-04-25 22:44:58 · 18776 阅读 · 4 评论 -
RxJS入门(6)----编写并发程序
接上面的(5) - Avoid Drinking from the Firehose - 这儿存在一个问题,就是接受数据太快了。大部分时间我们需要我们能得到的速度,但是依赖于那些Observable流值非常频繁的,我们可能想丢掉一些我们收到的值。现在我们就是这种场景。我们屏幕重绘的速度和Observable的速度应该是成比例的。但结果是我们最快的Observable对我们来说太快了,我们需要原创 2016-05-06 11:47:35 · 9483 阅读 · 0 评论