问题标签 [cyclejs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何为 CycleJS 使用 cookie 驱动程序
我必须将令牌保存在浏览器的 cookie 中(在我的情况下为 Chrome)。我找到了https://github.com/10clouds/cyclejs-cookie这个资源并安装了 0.5.0 版。当我将某些内容设置为 cookie 时,我会收到这种错误:
_cookie_js2.default.set 不是函数(匿名函数)
在 chrome 上调试时,它告诉我在 cookie_js2.default 下有对象 cookie,并且在此下有功能集。有人可以尝试使用这个驱动程序吗?
或者任何人都可以展示一个使用 Cookie 驱动程序进行循环 js 的示例吗?
rxjs - 在 RxJS 中处理 JSON 对象
一般来说,我是 cyclejs 和 rxjs 的新手,希望有人能帮我解决我的问题。我正在尝试构建一个演示应用程序以供我理解,并坚持在 DOM 上呈现 JSON 对象。
- 我的演示应用程序在过去 7 天内调用了 NASA 近地物体 API 并尝试显示它们。
Load More
底部有一个按钮,单击该按钮将加载前 7 天的数据(Today - 7
最多Today - 14
)。我从 API 得到的响应如下
{ "links" : { "next" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-09-06&end_date=2016-09-12&detailed=false&api_key=DEMO_KEY", "prev" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-08-25&end_date=2016-08-31&detailed=false&api_key=DEMO_KEY", "self" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-08-31&end_date=2016-09-06&detailed=false&api_key=DEMO_KEY" }, "element_count" : 39, "near_earth_objects" : { "2016-09-06" : [{ some data }, { some data }], 2016-08-31: [{...}], ... } }
我对 near_earth_objects JSON 对象感兴趣,但我无法映射它,因为它是一个对象。我该如何处理这种情况?下面是我的代码
javascript - 如何在cycle.js中将表单字段重置为默认值
我有一段代码,使用 cycle.js 和响应式 xstream 库,如下所示。它由一个表单字段组成,其值在提交时呈现在 ap 标记中。问题如下: 1、如何在提交表单时将表单的输入域重置为默认值?2. 有没有办法在提交后将 input$ 和 submit$ 流重置为其初始值?
有没有更好的方法来创建这样的表单?PS formIntent 函数的输出被馈送到 formView 函数的输入。
javascript - 使用 CycleJS 动态创建元素
我正在尝试学习一些 CycleJS,但我最终不知道该怎么做。目标是通过配置创建输入,而不是手动声明它们。问题是我只渲染了数组中的最后一个输入,而不是两者。我假设错误在view$以及我如何处理流。我天真的实现是这样的:
主.js
谢谢!
eventemitter - 如何在 CycleJs 中集成 eventemitter3
pixijs 使用eventemitter3处理精灵事件。例如
我想知道如何制作一个驱动程序来处理监听精灵的事件。任何人都可以告诉我一些观点吗?
javascript - 删除按钮单击事件,直到最后一个重置事件不起作用
使用 cycle.js 和 xstream,我想计算按钮点击次数并重置它们。
我打算通过在最后一次重置后计算所有按钮点击来实现这一点。为此,我想放弃所有按钮点击,直到最后一次重置,并计算剩下的内容。
但是我留下了 2 个不起作用的按钮
有什么建议吗?
javascript - 为什么我的同构 Cycle.js 应用程序在服务器上呈现时会导致 xstream 异常?
我正在尝试编写一个演示同构Cycle.js / Hapi.js应用程序,但它在服务器上呈现时在 xstream 中出现异常而失败。这里出了什么问题?我的应用基于Cycle.js 的同构应用示例。
回溯看起来像这样:
渲染代码基本上如下所示:
您可以在此处找到完整的源代码。
我使用 Node v6.6.0、babel-node 6.14.0、Hapi 15.0.3、@cycle/dom 12.2.5 和 @cycle/xstream-run 3.1.0 在 OS X 上运行。如果您需要更多信息,请告诉我。
javascript - Cyclejs 和带值的触发事件
我正在尝试学习 cyclejs 和反应式编程,但我不知道如何使用值来管理事件。
例如,我需要创建四个函数来进行一些数学运算,例如:
- 添加
- 减法
- 分工
- 乘法
这是我拥有的代码:
它根本不起作用,我无法在脑海中弄清楚我在那里做错了什么。
我正在寻找一个简单的解释,我怎样才能使它工作?我觉得 secondNumber$ 和 firstNumber$ 的合并流不正确,我找不到原因..
任何想法 ?
编辑:我知道我不应该使用我正在使用的运算符,而是使用 withLatestFrom。
事实是我正在使用 xstream ,所以我必须映射/展平:
从现在开始,我已经记住了代码应该做什么,映射每次单击操作并将两个 input$ 展平以仅在单击按钮时得到我的结果
事实是结果值在输入时发生变化,而不是在单击时发生变化。更重要的是,只有在第一次单击不是我想要的添加按钮后,它才会更改输入。
这次我做错了什么?
感谢您的回复
cyclejs - 从 CycleJS HTTPDriver 获取 API 错误响应
我正在使用 xstream 尝试 CycleJS,但我找不到既能挽救错误(例如 422)又能从 HTTP 驱动程序获取 JSON 响应的方法。
为了避免出现错误,我使用了 xstream replaceError
,它的工作方式似乎是这样的:
但是,API 返回一条我想向用户显示的错误消息,如果替换为默认对象,它就会丢失。设置的唯一属性response$
是实际的请求数据。
版本:
任何想法表示赞赏!
cyclejs - Cycle.js/xstream 点击事件流式传输一次,但触发两次
页面上有一个按钮元素和以下点击流:
一旦我单击按钮,true
就会记录下来,这是正确的。
但是,当我映射流时,里面的代码会运行两次:
不应将其他事件处理程序附加到按钮,并且元素本身位于 div 内:
通常event.preventDefault()
并event.stopPropagation()
没有什么区别,并且检查事件确实表明它是从同一个 element 触发的button.btn--add
。
不太确定发生了什么,任何想法表示赞赏!谢谢!
版本:
更新 1:我检查了三次,没有 JS 文件被加载两次。我正在使用 Webpack 捆绑app.js
页面上加载的单个文件(Elixir/Phoenix 应用程序)。此外,Event Listeners
在 Chrome 的开发者工具中检查选项卡中的按钮时,似乎只附加了 1 个处理的事件。
更新 2: 代码要点