一场无声的军备竞赛：js响应式编程-唐霜

近几年来，前端框架层出不穷，我们不禁感叹【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。，不知道未来两年还会有什么新框架出现。这【本文首发于唐霜的博客】【未经授权禁止转载】种无力的感叹，究竟是因为前端的想象力太过【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。丰富，人才太多，各自新式花样的东西会冒出【原创不易，请尊重版权】【原创内容，转载请注明出处】来，还是因为有内在的规律？我相信，作为一转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net个历史学系毕业的学生，万事皆有规律，这种本文作者：唐霜，转载请注明出处。【未经授权禁止转载】规律支配着下一代编程的可能性。

有些人觉得这是玄学，他认为，之所以有这样【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。的规律，是因为那些东西胜出了，胜者为王，原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】历史都是胜利者书写。然而，如果把逻辑反过【未经授权禁止转载】【作者：唐霜】来，自问，为什么在众多框架中，vue、r【版权所有】唐霜 www.tangshuang.net【作者：唐霜】eact如日中天，为什么typescri【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】pt越来越被接纳？难道是因为他们本身太过【本文首发于唐霜的博客】【版权所有，侵权必究】优秀？为什么webpack这么火，打包工本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。具不是没有rollup如此优秀，怎么不是【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net它火爆到如此？为什么seajs挂了？

【作者：唐霜】【原创内容，转载请注明出处】未经授权，禁止复制转载。

我认为，更多的原因，是因为他们用最恰当的方式解决了当下开发者的痛点。

未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。

抽象化

而痛点是什么？这就是我们今天要讨论的话题转载请注明出处：www.tangshuang.net原创内容，盗版必究。。当下这个时代，前端开发的痛点有两个：1【版权所有，侵权必究】原创内容，盗版必究。.抽象化；2.同构。抽象化是指将某种原本转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。混杂的概念，抽象为某种逻辑清晰的理念，最【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】成功的，当属“Virtual DOM”。【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net同构，是指写一套代码，在不同端使用，PC【本文受版权保护】转载请注明出处：www.tangshuang.net、手机、服务器……总之，这两点都是当下已【转载请注明来源】本文作者：唐霜，转载请注明出处。经探索出门路的东西，所以，才有那么多东西本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net围绕这两天冒出来。

本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】【本文受版权保护】

其实同构这个痛点解决起来轻松很多，大家都【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】有思路，只是方案不同，京东凹凸实验室做了本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。一个项目，叫Taro，用以实现一套代码，转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】构建出在PC、app、微信小程序等多个平【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。台运行的应用。同构大家都有思路，只是方案【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】还没有完善而已。

【未经授权禁止转载】未经授权，禁止复制转载。未经授权，禁止复制转载。

但是，抽象化，则更像是一个哲学问题，它要原创内容，盗版必究。【本文首发于唐霜的博客】研究，要实验，要有理论支撑，要集大成，要本文作者：唐霜，转载请注明出处。【转载请注明来源】有权威人物发言，要有知名厂商站台。因此，转载请注明出处：www.tangshuang.net【未经授权禁止转载】在对前端开发规范、标准、模式等各个方面的未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。竞争，就像一场军备竞赛一样，很多人既不甘【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net心，又不得不使用最流行的框架或规范。

也正是因为这样，我们在感觉到这几年前端领【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net域的混乱的同时，似乎也感觉到另外的东西，【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。前端正在范式化，很多问题都在被解决，虽然原创内容，盗版必究。原创内容，盗版必究。有些方案看上去还没有变得非常权威，但确实本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】起到了一个探索的过程，这些探索像从四面八【本文首发于唐霜的博客】【本文受版权保护】方出发，慢慢堆积出前端这座大厦的主体框架【转载请注明来源】原创内容，盗版必究。，并且已经在添砖了。

著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshua【本文受版权保护】【转载请注明来源】ng.net

举一个例子，前端推行函数式编程。而函数式【本文首发于唐霜的博客】【未经授权禁止转载】的特点就是纯函数，纯函数是一个无状态的运【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。行器，无论多少次，只要给的输入相同，输出【本文受版权保护】【关注微信公众号：wwwtangshuangnet】也一定相同。那么这就会有一个疑问，既然相【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net同输入是一样的输出结果，为何不缓存起来呢【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。？是的，最大的问题是，要以怎样的代码来实【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。现，让开发者可以非常爽的使用这个工具，写著作权归作者所有，禁止商业用途转载。【作者：唐霜】最少的代码，以最浅薄的认知，就实现这个效【原创内容，转载请注明出处】【版权所有，侵权必究】果呢？有一个包，叫reselect，它实【原创内容，转载请注明出处】【原创内容，转载请注明出处】现了一套这样的机制。而redux中的re著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。ducer也要求是纯函数，因此，把这两者原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。结合起来，就得到了一个答案。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。

转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【本文受版权保护】ng.net【转载请注明来源】未经授权，禁止复制转载。

驱动模式

而前端领域抽象化话题下，有个话题不得不单【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net独拿出来讲，那就是程序的驱动模式。

【本文受版权保护】【本文受版权保护】【未经授权禁止转载】【本文首发于唐霜的博客】

什么是程序的驱动模式？简单的说，就是一套本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】程序里面，它依靠何种模式去运行。一旦在技原创内容，盗版必究。本文作者：唐霜，转载请注明出处。术选型中确认了驱动模式，这个应用的一生就【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。不得不在这个模式下开发，驱动模式就是它的【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】基因。想要更换驱动模式？不可能的，即便是本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。重构，也不可能，除非你的上级允许你把原有未经授权，禁止复制转载。【作者：唐霜】产品当作一个新产品，完完全全重新写过，否【未经授权禁止转载】【本文受版权保护】则永远无法逃脱这个驱动模式。

举个例子，如果你的应用一开始选择了rea本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】ct作为基本库，那么后面切换到vue或者【转载请注明来源】原创内容，盗版必究。angular可能吗？不可能。但是，如果著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。你后面切换到taro的体系，可能吗？完全【版权所有，侵权必究】原创内容，盗版必究。没问题。因为react和taro的驱动模【本文受版权保护】转载请注明出处：www.tangshuang.net式完全一模一样，因为taro就是按rea【版权所有，侵权必究】转载请注明出处：www.tangshuang.netct的模式开发的。同样的道理，使用zet【未经授权禁止转载】【作者：唐霜】op替代jquery是可以的，使用req【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】uirejs替代seajs也是可行的，使本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。用angular2替代angular1比【本文首发于唐霜的博客】【转载请注明来源】较困难，但大体还是有办法。用rollup【本文首发于唐霜的博客】【版权所有，侵权必究】替代webpack，用yarn替代npm原创内容，盗版必究。原创内容，盗版必究。，用其他什么东西替代babel，只要它们本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】的驱动模式相同，就是可行的，只是需要付出【原创内容，转载请注明出处】【转载请注明来源】迁移成本。

【本文受版权保护】【原创内容，转载请注明出处】

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。

jquery

著作权归作者所有，禁止商业用途转载。

【原创不易，请尊重版权】

本文版权归作者所有，未经授权不得转载。

backbone

本文版权归作者所有，未经授权不得转载。

【本文首发于唐霜的博客】

【原创内容，转载请注明出处】

angular

【原创不易，请尊重版权】

本文版权归作者所有，未经授权不得转载。

react

本文作者：唐霜，转载请注明出处。

本文版权归作者所有，未经授权不得转载。

原创内容，盗版必究。

本文版权归作者所有，未经授权不得转载。

未经授权，禁止复制转载。未经授权，禁止复制转载。【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。

答案很明显，jquery通过简化DOM操未经授权，禁止复制转载。原创内容，盗版必究。作，同时它提供了非常多的辅助方法，让开发本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net者极其迅速的实现应用交互。可以说，jqu【本文首发于唐霜的博客】原创内容，盗版必究。ery就是前端领域的诺基亚，若不是rea转载请注明出处：www.tangshuang.net【作者：唐霜】ct的出现，它还会过得很舒服。那么问题来本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net了，为什么backbone和angula【原创内容，转载请注明出处】未经授权，禁止复制转载。r没有打败jquery？其实说实话，它们转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】根本没有要打架的意思，它们都拥抱jque著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】ry。backbone提供的是数据层面的未经授权，禁止复制转载。【版权所有，侵权必究】模式，视图操作还是要靠jquery。an本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】gular更不用说，干脆直接集成jque【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.netry。这究竟是为什么？

实际上，如果你慢慢读我下面的内容，你就会【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。发现，他们是在同一种驱动模式下实现的东西【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】，只是解决了不同的问题而已。其中非常值得【原创不易，请尊重版权】【版权所有，侵权必究】一提的是backbone，它是这一时期的转载请注明出处：www.tangshuang.net【转载请注明来源】最高提炼，甚至有些过了头。backbon【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】e的终极，是要建立一套数据驱动视图的机制【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】，但是它只管数据，而不管视图，它差就差了著作权归作者所有，禁止商业用途转载。【作者：唐霜】这一步，如果它能够在“驱动视图”这个层面【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】有所突破，比如它在它那个时候想到“数据改【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net动时，找出最小的改动范围，只更新这部分数原创内容，盗版必究。原创内容，盗版必究。据对应的视图”这样的方案的话，那么后面可【版权所有，侵权必究】原创内容，盗版必究。能就没react多少事了。可惜啊可惜，那【作者：唐霜】【版权所有，侵权必究】个时代，思维可能还不能这么超前，所以今天本文作者：唐霜，转载请注明出处。原创内容，盗版必究。，backbone就像完成了历史使命一样原创内容，盗版必究。【原创不易，请尊重版权】，等待着失去生命那一天。

是的，“数据驱动视图”，是react和v【作者：唐霜】著作权归作者所有，禁止商业用途转载。ue大获成功的核心所在。react最终找【本文首发于唐霜的博客】【转载请注明来源】到了突破backbone没有突破的那个点【本文受版权保护】【版权所有】唐霜 www.tangshuang.net，那就是用virtual DOM来实现数【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。据到视图这个过程。

jquery、angular、backb【原创内容，转载请注明出处】【作者：唐霜】one：事件驱动

转载请注明出处：www.tangshua【作者：唐霜】【关注微信公众号：wwwtangshuangnet】ng.net

vue、react：数据驱动（这里还有更著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】深的讨论）

【原创内容，转载请注明出处】

【本文受版权保护】

未经授权，禁止复制转载。

backbone虽然想要解决“数据驱动视【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】图”这个问题，但是很无奈，它构建了数据响【原创不易，请尊重版权】【本文受版权保护】应的一种方式，也就是和jquery、an原创内容，盗版必究。转载请注明出处：www.tangshuang.netgular一模一样的方式：事件响应。

响应式编程

【本文受版权保护】著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshua转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.netng.net

所谓响应式编程，是指不直接进行目标操作，原创内容，盗版必究。【本文首发于唐霜的博客】而是用另外一种更为简洁的方式通过代理达到目标操作的目的。举个例子，还是vir【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】tual DOM，通过修改数据，实现对D原创内容，盗版必究。【原创不易，请尊重版权】OM的更新。那么问题来了，修改数据到DO【作者：唐霜】【关注微信公众号：wwwtangshuangnet】M更新这个过程，怎么实现联动呢？再说明白【版权所有，侵权必究】转载请注明出处：www.tangshuang.net一点，这套代码怎么在我修改了数据之后，去【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】更新DOM呢？如果是react，那就比较转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】好解释，通过setState方法更新状态【关注微信公众号：wwwtangshuangnet】【作者：唐霜】，并且setState方法内会联动去执行著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。virtual DOM中的diff和pa【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。tch操作，这样就会更新界面。但是在vu未经授权，禁止复制转载。【原创不易，请尊重版权】e里面就相对复杂一些，vue里面直接修改本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。this上面的一个属性，就可以更新界面了著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】。虽然我们现在都知道，vue是用defi【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.netneProperty重写了属性的sett原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.neter，但是这一整套机制实现起来，可不是三【转载请注明来源】著作权归作者所有，禁止商业用途转载。两句就说完的。

【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。

react之所以好解释，是因为如果单纯讲本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.netreact本身，它其实在响应式这个问题上【未经授权禁止转载】本文作者：唐霜，转载请注明出处。和vue有非常大的区别，因为如果单纯看s未经授权，禁止复制转载。未经授权，禁止复制转载。etState，它根本没有响应式，它的响未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】应，是要通过在jsx上绑定事件来实现，因本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】此，单纯看react，它的响应式和ang原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】ular并无大异，甚至还不如angula转载请注明出处：www.tangshuang.net【版权所有，侵权必究】r。这可能会气坏react的追随者，但事未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net实就是如此。angular的脏检查机制，【版权所有，侵权必究】原创内容，盗版必究。从体系的层面讲，等同于react里面se著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.nettState+virtual DOM，而【版权所有，侵权必究】未经授权，禁止复制转载。angular里面不需要setState转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】，而是像vue里面一样直接修改数据，编程本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。体验上更舒服的多。那么是什么让react【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】变得不一样？是redux！！！是的，re【本文受版权保护】未经授权，禁止复制转载。dux及其生态，简直就是这个时代最最最了【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net不起的发明之一，当然，redux是按fl【原创内容，转载请注明出处】【转载请注明来源】ux实现的，因此，说Facebook的工著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。程师伟大，也不为过。实体的东西叫了不起，【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。思想的东西才叫伟大。

回到响应式这个话题。

本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【本文受版权保护】

我们来看看响应式和非响应式的区别：

// 非响应式
var a = 1
var b = a + 3
var _temp = a

setInterval(() => {
  if (_temp !== a) {
    b = a + 3
    _temp = a
  }
}, 16)

上面这段代码超级容易理解。b是依赖于a的【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】，当a发生变化的时候，b也发生变化。那么【未经授权禁止转载】转载请注明出处：www.tangshuang.net非响应式是怎么做的？写一个定时器，不断跑【作者：唐霜】本文版权归作者所有，未经授权不得转载。，如果在跑的过程中，发现a变了，那么赶紧【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】把变化之后的值运算之后给b，这样b也就跟【本文首发于唐霜的博客】【原创内容，转载请注明出处】着变了。

转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【作者：唐霜】ng.net【本文受版权保护】

// 响应式
$scope.a = 1
$scope.b = a + 3

$scope.$watch('a', (a) => {
  $scope.b = a + 3
})

上面这段代码也比较容易理解。用一个$wa【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】tch方法去观察a这个属性，如果它变了，本文版权归作者所有，未经授权不得转载。【本文受版权保护】马上执行watch的第二个参数函数。“观【本文受版权保护】著作权归作者所有，禁止商业用途转载。察”，这个词引出了一个设计模式：观察者模未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。式。被观察的对象，将要观察的部分，以及发【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】生变动后要做什么事情，这两个东西交给观察【转载请注明来源】【转载请注明来源】者，当观察者发现被观察对象的这个部分发生【版权所有，侵权必究】【版权所有，侵权必究】变动的时候，就执行要做的事情。这就是观察【本文首发于唐霜的博客】【本文受版权保护】者模式的基本思路。这种思路普遍存在于jq【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】uery、angular、backbon本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】e中，这也是早期框架、库无法逃脱的宿命，本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。它们遵循这一驱动模式。

【本文首发于唐霜的博客】【本文受版权保护】本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。

而响应式编程，就是这一驱动模式下的一种编著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】程方式。开发者写一段代码要实现某个操作时【本文首发于唐霜的博客】【原创不易，请尊重版权】，他并不立即用代码去写这个操作，而是使用著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。了一个代理（这个代理一般由框架或库实现）【本文受版权保护】转载请注明出处：www.tangshuang.net，这个代理的作用是，当用户进行了某个操作未经授权，禁止复制转载。【本文受版权保护】时，触发了某个变动（事件或数据变动），而【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】这个变动触发了代理中的某些特定项，而这些本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】特定项被触发时，和它们绑定的目标操作就会未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】自动执行。虽然这个过程比直接用代码写操作转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net过程本身复杂，但是对于开发者而言不是，开【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】发者只写用户进行操作时会触发哪个变动，这【本文受版权保护】【版权所有，侵权必究】样代码量就极速下降，甚至只需要一行代码。

【作者：唐霜】本文作者：唐霜，转载请注明出处。

这就是响应式编程的优势，它利用代理（一般【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。是经过高级封装的一套逻辑）阻断了变动和操【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。作的直接关系，而是将变动和操作分离，但通【转载请注明来源】本文版权归作者所有，未经授权不得转载。过代理，又可以准确的执行变动带来的操作。

转载请注明出处：www.tangshua本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。ng.net本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。

响应式的分流

事件响应

这是我们最早知道的一种响应式编程方式。时【原创内容，转载请注明出处】【本文首发于唐霜的博客】间倒退10年，我们会在网页中，利用DOM转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net节点的事件钩子来做一些事情，例如当用户输本文作者：唐霜，转载请注明出处。【作者：唐霜】入关键字的时候，利用xhr搜索，让用户可【作者：唐霜】【版权所有】唐霜 www.tangshuang.net以看到一个推荐列表。现在听起来这个功能好著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。土啊，但是回到10年前，真的不得了，我记【转载请注明来源】本文版权归作者所有，未经授权不得转载。得百度是2010年才有这个功能的吧。

但现在是2018年了，事件响应简直简单的转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。要死，连HTML5都规定了addEventListener这样的api，简直抢了jquery的饭碗【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】。但是，我还是要提backbone，虽然【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】这件事是jquery先做的，什么事？那就著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】是抽象出事件响应的书写方式，也就是提供o未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.netn/off/trigger这三个主要方法著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。，实现一整套事件的绑定、解除、触发逻辑。【版权所有，侵权必究】【本文首发于唐霜的博客】之所以觉得backbone更高级，是因为【作者：唐霜】【版权所有】唐霜 www.tangshuang.netbackbone试图完全脱离view层面【转载请注明来源】未经授权，禁止复制转载。，jquery的这些方法，大部分还是向D【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】OM节点绑定事件，但backbone完全【转载请注明来源】【版权所有】唐霜 www.tangshuang.net是自定义事件，脱离了DOM事件体系，触发未经授权，禁止复制转载。【本文首发于唐霜的博客】事件是为了修改数据。

【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。

angular里面对事件响应做了更高级对【本文受版权保护】【本文受版权保护】封装，它把对DOM节点绑定的事件和对数据未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。操作绑定的事件这两件事抹平，成为一件事，著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。它把点击抽象为ng-click，ng-c【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。lick实际要做两件事，一件是绑定事件到【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netDOM节点上，另一件是当DOM事件被触发原创内容，盗版必究。【原创内容，转载请注明出处】时同时触发绑定的数据操作。因此，当ng-【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】click传入的函数被执行时，会同时执行著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。所有$watch的函数，实现脏检查。an未经授权，禁止复制转载。未经授权，禁止复制转载。gular本身实现的是backbone那【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。一套事件响应，但同时，它也借助了DOM事【作者：唐霜】【作者：唐霜】件响应的原生特性。这使得angular成【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】为早起最不得了的框架。

【本文首发于唐霜的博客】【转载请注明来源】【本文首发于唐霜的博客】【原创内容，转载请注明出处】

数据响应

借鉴于angular，但和angular本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。不同，vue走了另外一条路。vue要做的未经授权，禁止复制转载。【原创内容，转载请注明出处】，是解决backbone没有解决的问题。原创内容，盗版必究。【未经授权禁止转载】它不去寻求中间的那一层代理，而是直接实现本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。数据变动的联动效果。在前面举例一个数据变【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】了另外一个数据跟着变的代码的时候，有一种【本文受版权保护】转载请注明出处：www.tangshuang.net更快速的实现方式：

【原创不易，请尊重版权】【本文受版权保护】【关注微信公众号：wwwtangshua【原创不易，请尊重版权】【转载请注明来源】ngnet】

var a = 1
var b = a + 3

function setA(value) {
  a = value
  b = a + 3
}

在每次想要修改a的时候，调用setA，而本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。非直接a = 0，这样可以做到a变的时候【作者：唐霜】【未经授权禁止转载】，b也跟着变。这叫响应式？如果非得说概念本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】的话，这还真是，只是代码看上去不那么优雅【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】吧。

本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】【作者：唐霜】【本文首发于唐霜的博客】

不知道你有没有用过chai.js，里面有【作者：唐霜】著作权归作者所有，禁止商业用途转载。一种should方式。这种方式修改了整个【本文受版权保护】【本文受版权保护】作用域，使得要测的变量拥有了should【作者：唐霜】【版权所有，侵权必究】属性，非常了不起。为什么要讲这个？因为我转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】们也可以用一种方式，不要用setA这么俗【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。的方式修改a，因为太不直观了，我就想要a【未经授权禁止转载】【本文首发于唐霜的博客】 = 0。

原创内容，盗版必究。未经授权，禁止复制转载。未经授权，禁止复制转载。【关注微信公众号：wwwtangshua【本文受版权保护】【原创不易，请尊重版权】ngnet】

vue就是干了这么一件事，它抹掉了set著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】A这个操作，使得直接修改this上的某个著作权归作者所有，禁止商业用途转载。【转载请注明来源】属性时，就可以触发目标操作（更新界面）。原创内容，盗版必究。本文作者：唐霜，转载请注明出处。这种将其他操作抽象到数据操作上的响应模式本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。，就叫“数据响应”。它把对界面操作的目标本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net，抽象为对数据操作，也就是抹平了angu【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。lar里面的$watch，抹平了back【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。bone里面的on/trigger，其实【本文首发于唐霜的博客】【本文首发于唐霜的博客】也就是抹平了事件响应里面的“观察者”这个本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】环节，也就是不需要观察者，因为它不依赖于事件。

基于数据响应，其实可以做非常多的事。在v【本文首发于唐霜的博客】未经授权，禁止复制转载。ue里面，数据响应的下一步是通过virt本文版权归作者所有，未经授权不得转载。【作者：唐霜】ual DOM实现界面的更新。而如果将这【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。个模式运用到服务端开发，也是可以的。我之【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】前发布了自己写的最新的包objext，它【原创不易，请尊重版权】【转载请注明来源】就是将数据响应抽象化，使得数据响应脱离v原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.netue这种要操作界面的具体场景，数据响应，未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net应该可以运用于任何场景。当然，objex【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。t只是一个非常小的东西，如果想要更加高级【转载请注明来源】著作权归作者所有，禁止商业用途转载。功能的，可以了解下mobx。

著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.n本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。et 获取更多精彩内容】

事件流响应

2018年真是多事之秋，原本以为数据响应原创内容，盗版必究。本文作者：唐霜，转载请注明出处。，已经是最了不起的模式了，然而，RxJS著作权归作者所有，禁止商业用途转载。【转载请注明来源】的突然爆热，让响应式编程出现了新的视野，本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。原来以为只有事件响应和数据响应，没想到响本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。应式里面还有新的风骚操作。

【转载请注明来源】【作者：唐霜】本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。

RxJS并非完全首创，实际上HTML5已【本文首发于唐霜的博客】【未经授权禁止转载】经有类似的东西出来了，那就是Mutati【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。onObserver，这个看上去很容易让【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。人忽略的接口，却对于一不小心看到的开发者【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】来说，简直就像捡到一块宝。Mutatio【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netnObserver将DOM的操作变为可观【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。察的，在这之前，我们操作DOM，没有一个【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】事件可以知道，一个DOM节点是不是被删掉【作者：唐霜】【作者：唐霜】了，是不是被修改了，而有了Mutatio【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。nObserver之后，就可以做到了。既【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】然DOM是一个对象，那么基于同样的逻辑，【版权所有，侵权必究】【本文受版权保护】能否实现一个东西，可以让一个普通的js对转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。象也可以转变为可观察的呢？RxJS孕育而未经授权，禁止复制转载。【转载请注明来源】生。了解RxJS的同时，需要了解ReactiveX，也就是说，这是一种编程方式，它在不同的著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。语言中被实践，不单单包括js。

【原创内容，转载请注明出处】【本文首发于唐霜的博客】

ReactiveX is a combination of the best ideas from
the Observer pattern, the Iterator pattern, and functional programming。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。

它将事件再度抽象，因为一个应用中，事件往【转载请注明来源】未经授权，禁止复制转载。往不是单独存在的，而是一系列事件相继被触本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】发，因此，它提出了streams的概念，本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net也就是“流”，事件流，总结起来，它就是基【转载请注明来源】【原创不易，请尊重版权】于“可观察的事件流”的编程方式。当然，它未经授权，禁止复制转载。【作者：唐霜】提到了自己是函数式的编程，这可能是为了蹭转载请注明出处：www.tangshuang.net【转载请注明来源】热度，强制要让开发者体验最新潮的开发方式未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。，但函数式并非它的最终极目标，没有函数式著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】，它照样让开发者体验极致开发，有了函数式【版权所有，侵权必究】【未经授权禁止转载】，使得它熠熠生辉。

那么，RxJS到底优秀在什么地方呢？Rx【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】JS的本质和事件响应一样，是观察者模式的【转载请注明来源】【原创不易，请尊重版权】一种实践，通过内部机制，实现观察者，同时【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】开发者可以通过subscribe方法进行未经授权，禁止复制转载。【本文首发于唐霜的博客】订阅，从而在特定的事件中，达到自己的目的【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。。但是，单有观察者模式的实践不足以使它优原创内容，盗版必究。【作者：唐霜】秀，构建“流”才是它的杀手锏。RxJS是转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net怎么实现“流”的，那就是它结合了迭代器模【本文首发于唐霜的博客】【本文受版权保护】式。

什么是迭代器模式？就是开发者可以自己创建本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】一个迭代器，在遍历过程中，开发者创建的这未经授权，禁止复制转载。未经授权，禁止复制转载。个迭代器规定了遍历的内在逻辑。在RxJS【本文受版权保护】【版权所有，侵权必究】开发时，开发者可以自己规定迭代器，把迭代著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】器作为被观察对象，这样，在运行过程中，事【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net件流（本质上是一个事件订阅序列）就会安装【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。迭代器内的逻辑进行流动。

原创内容，盗版必究。未经授权，禁止复制转载。原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。

除此之外，RxJS更是抽象出事件与数据之原创内容，盗版必究。【本文首发于唐霜的博客】间的映射关系。我们都知道，virtual未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。 DOM抽象出了数据和真实DOM的映射关原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】系，数据改变，DOM改变。RxJS则是抽【版权所有，侵权必究】【转载请注明来源】象出事件与数据之间的映射关系，事件发生，【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net数据按照规定发生变化。RxJS通过各种m著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】ap方法，抹平了事件和数据、事件和事件的【作者：唐霜】【版权所有，侵权必究】分离状态，使得事件在RxJS的体系里面，转载请注明出处：www.tangshuang.net【未经授权禁止转载】是有序的，可映射为数据变化的东西。因此，【本文首发于唐霜的博客】【转载请注明来源】RxJS里面的响应方式是：你不需要关心事著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。件本身，而只需要关心事件所映射的数据变化【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】。

虽然RxJS的编程体验非常好，但是有一个未经授权，禁止复制转载。未经授权，禁止复制转载。问题在于，它是完全新的驱动模式。它不仅改【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】变了开发者的开发习惯，更重要的是，它对项【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】目具有侵入性。我已经说过，要使得一个已有【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net的项目改变驱动模式，是不可能的，如果要在【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】一个原有项目中重新使用RxJS，几乎不可转载请注明出处：www.tangshuang.net【作者：唐霜】能。而且它的api超级多，使得新晋的开发【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】者可能望而却步。但现在已经是2018年了本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】，什么样的复杂模式不应该了解一下呢？

本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。

数据流响应

很明显，有“流”的概念之后，“数据流”的【未经授权禁止转载】【原创不易，请尊重版权】概念也呼之欲出。数据响应和事件响应的区别【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net是，不需要“观察者”，对数据的操作更加直【转载请注明来源】著作权归作者所有，禁止商业用途转载。接。但是有一个问题是，当一套复杂的数据响【本文首发于唐霜的博客】未经授权，禁止复制转载。应被应用于一套复杂的应用中时，开发者往往著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】在响应来响应去的连环嵌套响应中被搞昏头，【本文首发于唐霜的博客】【版权所有，侵权必究】因为数据的响应而牵一发动全身，导致整个响【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。应很难控制，这是数据响应必须解决的问题。

为了解决这个问题，vue推出了vuex。著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.netreact本身就没有响应，数据是单向流的【关注微信公众号：wwwtangshuangnet】【本文受版权保护】，不存在这个问题，但是也正因为react本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。没有响应，所以开发体验极差，因此，有了r原创内容，盗版必究。【版权所有，侵权必究】edux和react-redux。

转载请注明出处：www.tangshua原创内容，盗版必究。转载请注明出处：www.tangshuang.netng.net本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】

数据流响应的本质，是一个状态机。它确定了【作者：唐霜】转载请注明出处：www.tangshuang.net数据在某一时刻的特定状态，数据的不断变化【转载请注明来源】【版权所有，侵权必究】是可以被监控的，上一个状态是什么，变化后【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。现在的状态又是什么，都可以被开发者知道。【转载请注明来源】本文作者：唐霜，转载请注明出处。靠什么来维持这种数据流呢？redux发明【本文受版权保护】【版权所有】唐霜 www.tangshuang.net了reducer机制，通过纯函数式的状态著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】更改器，来保证每一个状态都是独特的不被污【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】染的。

但是，实际上，redux在“响应”上做的【版权所有】唐霜 www.tangshuang.net【转载请注明来源】并不完美。react-redux顶多做到原创内容，盗版必究。【版权所有，侵权必究】了“状态的改动自动映射到界面的改动”，但本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。是它没有解决的是，在数据和状态之间做好映【作者：唐霜】【作者：唐霜】射。现在的redux，你需要创建acti【版权所有，侵权必究】【未经授权禁止转载】on和触发dispatch，有没有一种方【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。式，可以不需要手动去触发dispatch本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】，数据的响应是事先安排好的，当数据发生变【作者：唐霜】本文作者：唐霜，转载请注明出处。化时，自动dispatch？这样可以更完未经授权，禁止复制转载。【原创不易，请尊重版权】美的提升开发体验。虽然mobx是这样的，本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】但是它忘记抽象出数据流，用mobx管理数【原创内容，转载请注明出处】【原创内容，转载请注明出处】据，更多的是看中它的响应，但你不能保证对【版权所有】唐霜 www.tangshuang.net【本文受版权保护】整个应用的状态的准确把握。

由此，在“数据流响应”这个点上，实际上，转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】还没有一套完美的解决方案。另外，有人将R【原创内容，转载请注明出处】【版权所有，侵权必究】xJS和redux结合起来，既发挥了Rx著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】JS在事件管理上的优雅，又保证了数据流的转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。准确，但这一结合也仅仅主要是为了解决re【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。dux在异步数据数据处理中的问题，没有真转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。正抽象出数据流动本身的管理。或许，接下来【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】的一两年，冒出来的新东西，就是在解决这个【本文受版权保护】本文版权归作者所有，未经授权不得转载。痛点也说不定。

本文版权归作者所有，未经授权不得转载。【转载请注明来源】转载请注明出处：www.tangshua【转载请注明来源】【本文受版权保护】ng.net【关注微信公众号：wwwtangshua【本文受版权保护】【转载请注明来源】ngnet】

小结

本文从前端的开发体验入手，阐述了“抽象化转载请注明出处：www.tangshuang.net【本文受版权保护】”“驱动模式”“响应式编程”等问题。前端【作者：唐霜】【版权所有】唐霜 www.tangshuang.net编程是面向用户体验的编程，它不仅要考虑界【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net面呈现的友好、业务逻辑的准确，还要考虑在【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net编程中如何精准、快速地响应用户操作。响应未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。式编程，是未来的一个趋势，但响应式编程不本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】只有ReactiveX，不应该一提到响应本文作者：唐霜，转载请注明出处。【转载请注明来源】式编程，就限定于ReactiveX。它是原创内容，盗版必究。【本文受版权保护】一整套抽象逻辑，除了本文提到的四种响应式【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。之外，说不定再两年，又有新的响应式也不定原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】。

未经授权，禁止复制转载。【转载请注明来源】【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。【本文受版权保护】转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】未经授权，禁止复制转载。【本文受版权保护】【作者：唐霜】原创内容，盗版必究。转载请注明出处：www.tangshuang.net【未经授权禁止转载】【转载请注明来源】转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】【转载请注明来源】本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net

2018-10-02 4749 React, Redux, vue, 响应式

唐霜

一场无声的军备竞赛：js响应式编程

抽象化

驱动模式

响应式编程

响应式的分流

事件响应

数据响应

事件流响应

ReactiveX is a combination of the best ideas from
the Observer pattern, the Iterator pattern, and functional programming。

数据流响应

小结

为价值买单，打赏一杯咖啡

声明

关于

生态

唐霜

一场无声的军备竞赛：js响应式编程

抽象化

驱动模式

响应式编程

响应式的分流

事件响应

数据响应

事件流响应

ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming。

数据流响应

小结

为价值买单，打赏一杯咖啡

声明

关于

生态

ReactiveX is a combination of the best ideas from
the Observer pattern, the Iterator pattern, and functional programming。