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

cyclejs - 如何将 HTML 框架与 Cycle.js 集成?

我想知道将 HTML 框架(引导程序、uikit)与 Cycle.js 集成的做法是什么?

我可以看到两种不同的方法:

  1. 有一个相当庞大的静态 HTML,它添加了页面的所有相关菜单、小工具……,它还加载了循环应用程序。

  2. 有一个最小的 HTML 文件,它只加载循环应用程序,然后循环应用程序执行所有操作。

我目前正在使用解决方案 1,但我可以看到它不会随着更复杂的页面缩放(因为无论如何这些都会对页面的 HTML 结构进行大量更改)。

但是,在解决方案 2 的情况下,使用循环编程 API 中的模板框架的最佳方式是什么?

0 投票
2 回答
60 浏览

javascript - Cycle.js HTTP 响应在 DOM 中打印为未定义

我正在尝试将 HTTP 请求的结果打印到 Cycle.js 中的 DOM。现在我只是想列出结果,但它们最终会出现在选择下拉列表中。

我创建流...

然后选择它...

但是当我尝试将结果添加到顶部时,例如:

它显示undefined在浏览器窗口中。

但是,如果我添加一个侦听器并将响应记录到控制台,它会显示一系列设施:

0 投票
1 回答
72 浏览

javascript - cyclejs 应该像 Elm/Redux 这样的模型操作吗?

我正在玩cyclejs,我试图弄清楚处理许多来源/意图的惯用方式应该是什么。我在 TypeScript 下面有一个简单的 cyclejs 程序,其中包含对最相关部分的注释。

您是否应该像在 Elm 或 Redux 中那样将源/意图建模为谨慎的事件,还是应该通过流操作做一些更聪明的事情?我很难看到当应用程序很大时如何避免这种事件模式。

如果这是正确的方法,它最终会不会成为 Elm 的 JS 版本,并增加了流管理的复杂性?

0 投票
2 回答
315 浏览

javascript - 在cycle.js中加载DOM后如何执行javascript

在cycle.js中加载 DOM 后如何执行 javascript ?我不能把它放在我main()的,因为那时 DOM 没有加载。对于上下文,我基本上是在尝试初始化一个需要目标 DOM 元素存在的精美自动完成功能,如果我的方法有误,请随时指点。

我试过这个:

...但select在返回null时,我也尝试选择其他元素。

0 投票
1 回答
132 浏览

javascript - 如何让 xstream 组合鼠标事件?

我正在尝试在 codepen 中使用 cyclejs 进行拖放。HTML 5 支持的标准拖动方法似乎不支持对拖动对象移动的限制,所以我使用标准的 mousedown/mousemove/mouseup。它有效,但并非始终如一。即使 debug() 调用显示已收到 mousedown 和 mousemove 事件并且有时会错过 mouseup,combine() 操作似乎也不会触发。也许我对操作的理解不完整或不正确。本文底部提供了指向 codepen 的直接链接。任何帮助表示赞赏!

https://codepen.io/velociflapter/pen/bvqMGp?editors=1111

0 投票
2 回答
170 浏览

cyclejs - 使用 Cycle.js 将 REST 响应存储到 indexedDB

我正在学习 Cycle.JS 并遇到了挑战。我有一个组件将从 HTTP 调用中获得结果,我想将此响应保存在 indexDB 中。但是,我觉得持久性的请求是另一个组件的责任。

我的问题是:

  1. 这是将 HTTP 响应持久化到 indexDB 的自定义驱动程序的用例吗?
  2. 另一个组件如何访问它没有发出的请求的响应流?
  3. 当我尝试从 HTTP 源中选择类别时,控制台没有记录任何内容。我正在使用 xstream,所以流应该很热,我希望调试能够输出。这里发生了什么?

下面是我进行 HTTP 调用的组件:

这是我在应用程序级别访问响应的尝试:

0 投票
1 回答
108 浏览

javascript - Cycle.js - 如何在集合项中获取集合长度

我正在尝试将一些行为专门添加到 Cycle.js 列表中的最后一项。我尝试使用 cycle-onionify 来制作这样的集合:

我知道可以使用镜头在组件之间共享状态,但似乎没有办法将镜头与集合一起使用。我想我可以将 Collection 长度传递给孩子,这样我就可以将它与 id 进行比较。

有什么我想念的吗?

0 投票
1 回答
32 浏览

cyclejs - 使用 rxjs 而不是 xstream 自定义一刀切

这个很棒的模板带有一组我需要自定义的默认值。我无法解决的一件事是如何用 rxjs 替换 xstream 库。有什么例子吗?

0 投票
1 回答
45 浏览

url-routing - 无法切换路径 404,无法捕获通配符路由

将其输入 switchPath

导航到/lossgin将记录当前路线/路径是“/”。

0 投票
2 回答
94 浏览

javascript - 使用带有输入文本字段的循环 idb 获取无限循环

我一直在尝试创建一个简单的测试应用程序,该应用程序从文本字段中获取用户输入,显示它,并使用cycle-idb持久化它。但无论我做什么,我都会陷入无限循环。

这是整个主要功能:

我正在尝试使用 MVI 并使用 TodoMVC 作为示例,但我无法弄清楚如何在不创建无限循环的情况下管理循环依赖项。

任何建议或指向其他参考资料将不胜感激。