JavaScript 流的实际用例是什么
What are practical use cases for JavaScript Streams
我一直在学习如何使用 JavaScript 'node-style' 流使用 Bacon.js. Namely, I've been looking at the Bus
EventStreams
。
这一切看起来都非常有趣,而且我确信 JavaScript 流有很多很好的用例,但我似乎想不出一个实际的应用程序。
任何人都可以为我提供一些 Streams 用例示例吗?
我用它来处理关键事件,通过服务器端 Push/Web 套接字近乎实时地更新值,并结合其他事件来确定要采取的行为(例如,如果页面在Web 套接字事件触发,更新字段..)。
这里还有一些...
确定用户是否在页面上处于活动状态 -
var blur = $(window).asEventStream('blur').map(function() { return false; });
var focus = $(window).asEventStream('focus').map(function() { return true; });
var focused = focus.merge(blur).toProperty(true);
通过http://blog.flowdock.com/2013/01/22/functional-reactive-programming-with-bacon-js/
TypeAhead - 请参阅 https://baconjs.github.io/
中的电影搜索示例
注册表、购物车 - 请参阅 https://baconjs.github.io/tutorials.html
处理 Web 套接字 Connections/Events - http://blog.carbonfive.com/2014/09/23/bacon-js-node-js-mongodb-functional-reactive-programming-on-the-server/
和
https://medium.com/@garychambers108/functional-reactive-react-js-b04a8d97a540
我一直在学习如何使用 JavaScript 'node-style' 流使用 Bacon.js. Namely, I've been looking at the Bus
EventStreams
。
这一切看起来都非常有趣,而且我确信 JavaScript 流有很多很好的用例,但我似乎想不出一个实际的应用程序。
任何人都可以为我提供一些 Streams 用例示例吗?
我用它来处理关键事件,通过服务器端 Push/Web 套接字近乎实时地更新值,并结合其他事件来确定要采取的行为(例如,如果页面在Web 套接字事件触发,更新字段..)。
这里还有一些...
确定用户是否在页面上处于活动状态 -
var blur = $(window).asEventStream('blur').map(function() { return false; }); var focus = $(window).asEventStream('focus').map(function() { return true; }); var focused = focus.merge(blur).toProperty(true);
通过http://blog.flowdock.com/2013/01/22/functional-reactive-programming-with-bacon-js/
TypeAhead - 请参阅 https://baconjs.github.io/
中的电影搜索示例注册表、购物车 - 请参阅 https://baconjs.github.io/tutorials.html
处理 Web 套接字 Connections/Events - http://blog.carbonfive.com/2014/09/23/bacon-js-node-js-mongodb-functional-reactive-programming-on-the-server/ 和 https://medium.com/@garychambers108/functional-reactive-react-js-b04a8d97a540