问题标签 [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 回答
110 浏览

cyclejs - CycleJS HTTP request$ 没有触发请求

CycleJS 的新手,我正在尝试从 HTTP 驱动程序读取一些数据,并在用户进行更改时写入它。我有以下内容:

初始请求只是一个简单的 GET。

基于一些捕获的用户意图,我更新我的模型并创建(或至少尝试创建)一个 PATCH 请求来更新远程数据。

然后我将流合并在一起:

并返回request$HTTP 驱动程序。

我的初始请求通过就好了,我在 HTTP 源流中获得了数据。但是补丁永远不会触发。

我可以通过以下方式订阅request$

我会看到我的初始请求和补丁请求都记录到控制台。但是仍然没有发送补丁请求。

我在这里做错了什么?

谢谢。

0 投票
1 回答
842 浏览

zurb-foundation - 在 Cycle.js 中呈现所有 dom 后运行 js 代码

我想使用 Foundation 的显示插件在 Cycle.js 应用程序中显示一个不错的模式。

在玩了几个小时的 Webpack 和它的配置之后,我想出了如何将 Foundation 的 js 正确地导入到我的(es6)应用程序中。

但是,由于我处理的是虚拟dom,所以在初始化基础的js时,实际的html是不存在的。

这是我的组件的代码:

我的 main.js:

现在,如果我$(document).foundation()在应用程序初始化后在控制台中运行,事情就会按预期工作。但是在app代码中,由于dom是虚拟的,实际的html还没有被注入,所以什么都没有出现。

在应用程序完全初始化并实际填充 dom 后,我如何运行 js 代码?

0 投票
1 回答
215 浏览

javascript - 将 json 数据加载到 CycleJS 应用程序中

我正试图将我的头包裹在 CycleJS 周围,但我被困住了!我正在尝试将一个小型应用程序放在一起,该应用程序加载一个包含对象数组的 JSON 文件,但我无法让应用程序执行 http 请求

到目前为止,在我的代码中

我想要实现的是;现在加载 JSON 数据并将其呈现为 div 标签。

当我在 chrome 中运行代码时,我在控制台中得到了这个

我检查了stackoverflow发现的问题,但他们没有让我更进一步

0 投票
1 回答
127 浏览

cyclejs - CycleJs - 订阅具有不同类的同一元素的事件

我创建了一个类foo的元素。然后我打算在发生单击事件后将其类与bar交换。但是,当我单击元素时,订阅了foobar的单击事件的流被连续触发。结果,元素的类没有改变。如何订阅其类随时间变化的同一元素的事件?

这是链接:

https://jsbin.com/kanomonexa/edit?html,js,控制台,输出

这是示例代码:

0 投票
2 回答
274 浏览

javascript - RxJS:在 cycle.js 自定义驱动程序中处理错误

我在我的main函数中实现了一些错误处理代码,如下所示。它使用catch运算符过滤和报告一个流中的错误,并在另一个流中忽略它们。这使我能够了解和报告请求发生的错误,同时不会使整个流失败,以便后续请求可以继续。

由于下面的代码片段中可能不明显的原因,我正在实施一个自定义驱动程序来请求和处理数据。我没有使用循环 http 驱动程序。

这是我成功报告错误的代码:

输出如下:

从好的方面来说,会报告错误。但是,API 请求实际上是两次发出的,这不是我最初预期的情况。

在学习了更多 RxJS 并对 Hot 和 Cold observables 有了更好的理解后,我意识到我正在创建两个 CustomDriver 流订阅(一个用于 error$,一个用于 data$),并且因为 CustomDriver Observable 很冷,它会重复Observable.justfor每个订户。

所以我试图让我的 CustomDriver Observavble 变热share

通过该更改,输出如下:

所以我设法摆脱了重复的请求,但错误在这个过程中被吞没了。

发生了什么share导致错误丢失,如何避免重复请求而不会丢失错误?

0 投票
1 回答
99 浏览

javascript - CycleDOM 条件渲染问题

我遇到了条件渲染的问题。这是我的 100% 工作视图:

问题是当我尝试将条件按钮更改为 if-else 而不是两个单独的条件时:

似乎它将按钮切换为“取消标记”,然后再次切换回“标记”(我已经通过控制台日志确认了这一点)。我的意图被映射到这两个类.mark.unmark,所以我认为这不是问题......

这是一个实际的错误还是我错过了什么?

0 投票
1 回答
369 浏览

javascript - 如何在循环 js 中从 JSON 数组创建组件

给定来自 Cycle js 网站的标记滑块组件示例。我将如何获取滑块信息对象的 JSON 数组并为数组中的每个对象创建一个带标签的滑块组件。例如,如果我有一个这样的数组

我如何将每个标签对象映射到标签组件。我试图将每个标签对象映射到 IsolatedLabeledSlider,就像这样

但这失败了,它只渲染了数组中的最后一个对象,任何帮助都会很棒

这是来自 Cycle JS 网站的示例

0 投票
3 回答
685 浏览

rxjs - 使用“cycle-http”发出任意数量的顺序依赖请求

是否有任何使用 发出任意数量的连续的、依赖的 http 请求的示例cycle-http

我想从 API 中获取每个页面,其中下一个请求只能使用当前页面中的数据进行。

我试图调整这个使用 Observable.merge() 的答案,但我不确定如何将它连接到cycle-http源和接收器。

参考

0 投票
2 回答
143 浏览

javascript - 如何连接到来源?

我有以下代码:

我希望在控制台上得到三行:A、B 和 C,但我只得到最后一行。看起来,即使 B$.tap(console.log) 输出所有三个 ("a", "b", "c");

这种行为的解释是什么?如何将所有三个消息传播到 driverC?

版本:

  • @cycle/core@6.0.3
  • rx@4.1.0
0 投票
1 回答
68 浏览

cyclejs - CycleJs 应用程序中的“React 未定义”错误

我正在尝试使用 cycle.js 和 webpack。我得到了以下index.js文件,它几乎是我在 cycle.js 文档中找到的文件的副本。

这是我的index.html

我正在使用 webpack 生成bundle.js内部dist文件夹。当我通过在 chrome 中打开运行应用程序index.html时,我在 chrome 控制台中收到以下错误

在 cycle.js 应用程序的这个看似简单的第一步中,不确定我做错了什么。