问题标签 [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.

0 投票
1 回答
91 浏览

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 的示例吗?

0 投票
1 回答
222 浏览

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 对象感兴趣,但我无法映射它,因为它是一个对象。我该如何处理这种情况?下面是我的代码

0 投票
2 回答
566 浏览

javascript - 如何在cycle.js中将表单字段重置为默认值

我有一段代码,使用 cycle.js 和响应式 xstream 库,如下所示。它由一个表单字段组成,其值在提交时呈现在 ap 标记中。问题如下: 1、如何在提交表单时将表单的输入域重置为默认值?2. 有没有办法在提交后将 input$ 和 submit$ 流重置为其初始值?

有没有更好的方法来创建这样的表单?PS formIntent 函数的输出被馈送到 formView 函数的输入。

0 投票
1 回答
112 浏览

javascript - 使用 CycleJS 动态创建元素

我正在尝试学习一些 CycleJS,但我最终不知道该怎么做。目标是通过配置创建输入,而不是手动声明它们。问题是我只渲染了数组中的最后一个输入,而不是两者。我假设错误在view$以及我如何处理流。我天真的实现是这样的:

主.js

谢谢!

0 投票
2 回答
234 浏览

eventemitter - 如何在 CycleJs 中集成 eventemitter3

pixijs 使用eventemitter3处理精灵事件。例如

我想知道如何制作一个驱动程序来处理监听精灵的事件。任何人都可以告诉我一些观点吗?

0 投票
1 回答
77 浏览

javascript - 删除按钮单击事件,直到最后一个重置事件不起作用

使用 cycle.js 和 xstream,我想计算按钮点击次数并重置它们。

我打算通过在最后一次重置后计算所有按钮点击来实现这一点。为此,我想放弃所有按钮点击,直到最后一次重置,并计算剩下的内容。

但是我留下了 2 个不起作用的按钮

有什么建议吗?

0 投票
1 回答
212 浏览

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 上运行。如果您需要更多信息,请告诉我。

0 投票
1 回答
237 浏览

javascript - Cyclejs 和带值的触发事件

我正在尝试学习 cyclejs 和反应式编程,但我不知道如何使用值来管理事件。

例如,我需要创建四个函数来进行一些数学运算,例如:

  • 添加
  • 减法
  • 分工
  • 乘法

这是我拥有的代码:

它根本不起作用,我无法在脑海中弄清楚我在那里做错了什么。

我正在寻找一个简单的解释,我怎样才能使它工作?我觉得 secondNumber$ 和 firstNumber$ 的合并流不正确,我找不到原因..

任何想法 ?

编辑:我知道我不应该使用我正在使用的运算符,而是使用 withLatestFrom。

事实是我正在使用 xstream ,所以我必须映射/展平:

从现在开始,我已经记住了代码应该做什么,映射每次单击操作并将两个 input$ 展平以仅在单击按钮时得到我的结果

事实是结果值在输入时发生变化,而不是在单击时发生变化。更重要的是,只有在第一次单击不是我想要的添加按钮后,它才会更改输入。

这次我做错了什么?

感谢您的回复

0 投票
1 回答
240 浏览

cyclejs - 从 CycleJS HTTPDriver 获取 API 错误响应

我正在使用 xstream 尝试 CycleJS,但我找不到既能挽救错误(例如 422)又能从 HTTP 驱动程序获取 JSON 响应的方法。

为了避免出现错误,我使用了 xstream replaceError,它的工作方式似乎是这样的:

但是,API 返回一条我想向用户显示的错误消息,如果替换为默认对象,它就会丢失。设置的唯一属性response$是实际的请求数据。

版本:

任何想法表示赞赏!

0 投票
2 回答
202 浏览

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: 代码要点