jjzjj

reactive-programming

全部标签

javascript - Angular 2 : how do display character count on reactive form input

我正在使用Angular2响应式表单,我想在用户输入时显示textarea的字符数。我希望能够像这样在我的html中包含表单控件的name.length:BriefDescriptionofIncident{{alaynaPage.incidentDescription.length}}of{{maxIncidentDescriptionLength}}characters这“有效”,但是表单控件的length滞后一次击键。例如,如果我在文本区域中键入a,{{alaynaPage.incidentDescription.length}}为0。如果我随后键入b(因此字符串是ab){{al

javascript - Meteor - 我如何使用 Deps 制作这个 "reactive"?

在我的客户端,我显示了一个用户列表和一个小图表,用于存储在数据库中的每个用户的点数(使用称为迷你图的jQuery插件)。绘制图表是在Template.rendered方法上完成的//client/main.jsTemplate.listItem.rendered=function(){vararr=this.data.userPoints//userpointsisanarrayofintegers$(this.find(".chart")).sparkline(arr);}现在我在服务器端有一个Meteor方法,它会定期调用以更新用户点数。Meteor.methods({"getUs

javascript - 如何将 SlickGrid 与 Meteor.js 响应式(Reactive)集合集成?

SlickGrid专注于显示表格或数组中的数据,这很棒。Meteor专注于操作数据,但使用Minimongo。SlickGrid如何与Minimonogo集合集成并保持其快速显示和大数据处理能力?我目前的做法感觉不对,而且有点难看。我有一个单独的SlickGrid数组,并编写了一些胶水代码来处理更新事件:排序:由Meteor处理,触发完全刷新(重新设置数据)添加/更新/删除:确定索引并使其失效过滤:由Meteor处理,触发完全刷新(重新设置数据)我如何将Meteor数据游标直接绑定(bind)到SlickGrid并仅使用一些粘合代码处理事件?或者可以使用Slick.dataview吗?

javascript - 如何在公共(public)事件属性上加入两个事件流?

考虑以下两个事件流。每个事件都有一个timestamp/ts和value属性。我想将事件具有相同时间戳的这两个流组合成一个结果流,并应用值转换。如果一个流缺少一个时间戳(例如下面示例中的黄色ts=3),则应忽略该时间戳。想使用响应式编程库解决问题,例如xstream或rxjs.我对响应式(Reactive)编程的概念还很陌生,但如果有人有其他建议,我会洗耳恭听。谢谢! 最佳答案 只需使用combineLatest并仅传递那些具有匹配时间戳的组合。其他组合映射到null,您稍后会过滤掉它。这是xstream中的解决方案:varstre

javascript - RxJS:可观察对象和单个观察者的递归列表

我在处理可观察量的递归链时遇到了一些麻烦。我正在使用RxJS,它目前的版本是1.0.10621,包含最基本的Rx功能,以及用于jQuery的Rx。让我为我的问题介绍一个示例场景:我正在轮询TwittersearchAPI(JSON响应)用于包含特定关键字的推文/更新。响应还包括一个“refresh_url”,应该使用它来生成后续请求。对该后续请​​求的响应将再次包含一个新的refresh_url等。Rx.jQuery允许我让Twitter搜索API调用一个可观察的事件,它产生一个onNext然后完成。到目前为止我尝试的是让onNext处理程序记住refresh_url并在onCompl

javascript - 在 RxJS 中排序数组

RxJava有一个方法toSortedList(Comparatorcomparator)将对象流转换为由Comparator排序的对象列表。我如何在JavaScript中使用RxJS实现相同的目的,并获得一个带有对象流的Observable以发出排序的数组/列表? 最佳答案 您可以使用以下代码:Rx.Observable.of(5,8,7,9,1,0,6,6,5).toArray().map(arr=>arr.sort()).subscribe(x=>console.log(x)) 关

javascript - 如何在 Cycle.js 中顺序请求数据?

我是响应式(Reactive)编程的新手,不熟悉cycle.js,试图实现来自thistutorial的关注框。.但我明白,为了正确实现(和学习目的),我没有一项数据:完整的用户名。我可以通过依次获取用户然后从服务器获取完整用户数据来获取它。在命令式风格中,我会做这样的事情:fetch(`https://api.github.com/users`).then(data=>data.json()).then(users=>fetch(users[0].url)).then(data=>data.json()).then(/*...workwithdata...*/)但是我该如何循环呢?我

javascript - Rx distinctUntilChanged 允许在事件之间的可配置时间后重复

让我们考虑一下下面的代码Rx.Observable.merge(Rx.Observable.just(1),Rx.Observable.just(1).delay(1000)).distinctUntilChanged().subscribe(x=>console.log(x))我们希望1只记录一次。然而,如果我们想要允许重复一个值,如果它的最后一次发射是在可配置的时间之前呢?我的意思是记录这两个事件。例如,如果有类似下面的东西会很酷Rx.Observable.merge(Rx.Observable.just(1),Rx.Observable.just(1).delay(1000)).

javascript - RxJS 比命令式更快吗?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我是函数式编程和函数式响应式编程方面的新手。我读了很多遍函数式响应式编程的强大力量。好的;可读性强,避免副作用等。但是...我不知道如何以功能性/react性方式改进我的代码,以便比命令式方式执行得更快。这可能吗?也许我错过了什么?因为在我的函数式编程代码中,每个任务都在迭代:对于过滤器、映射、缩减……这比较慢。是否可以将所有事情迭代一次?也许使用compose()?谢谢。性能测试:命令式vsFPvsFR

javascript - 如何在 react-native 中制作圆形 slider

我想添加一个类似的范围组件。但是实际上是圆形的,我不知道该怎么做。请给我一些帮助。我想要的示例: 最佳答案 我最近一直在使用react-native-svg,我认为它很棒-SVG和React是极客天堂中的一对,非常适合创建自定义UI,无需下拉到原生绘图代码.这是一个小的CircularSlider组件,它实现了您上面描述的内容:importReact,{Component}from'react'import{PanResponder,View}from'react-native'importSvg,{Path,Circle,G,Te