问题标签 [riot.js]

我了解 riot.js 如何启用触发和处理自定义事件的方法。我也了解这个库是如何启用模板的。但是，我不理解骚乱创建和执行所谓的“扩展核心的模块”的模式。以下是 riot 在其在网络上提供的极其稀疏（也是唯一）的文章中提供的内容：

这种模式究竟是如何工作的，它如何帮助使应用程序核心可扩展？谢谢你。

我正在使用 riot.js 和 jquery 构建一个应用程序。一切都按预期工作，但是随着代码的增长，我也担心在代码中的随机/意外位置触发和处理事件 (.trigger/.on) 对保持我的代码有条理和快速理解毫无帮助。

我的问题是：

(1) 我想保持这样一个应用程序的代码干净和精简（事件命名空间是我想到的一件事）和

(2) 我想将模型上的事件与演示者中的 DOM 上的事件清楚地分开。如何在基于 riot.js 的应用程序中实现这些目标

谢谢你。

我有一个 jQuery 繁重的应用程序，其中有许多 jQuery 插件，我想重组应用程序，所以我正在研究不同的框架，如 Angular、React、Riot 2.0 等。

我喜欢 React 和 Riot，但我不知道如何将您的典型 jQuery 应用程序（对 DOM 的无限制访问）变成这个虚拟 DOM 的新世界等。

其中一些组件很复杂，我不想将它们全部重写为“VDOM 方式”并制造另一个噩梦。

有人对此有答案吗？也许 jQuery 插件重的应用程序不适合，或者有没有办法使用两者来拆分/组合 UI，或者可能是一个类似 React/Riot 的框架，可以很好地与 jQuery 配合使用？

我从 Github 下载了 Todo 演示：https ://github.com/muut/riotjs/tree/master/demo

但是当我将 index.html 拖到浏览器中时，我什么也看不到，只有标签。

我安装了 riot，只有这个依赖失败了：npm WARN optional dep failed, continuing fsevents@0.3.5

但它说可选。可能是什么原因？

如果我有一个像这样的自定义riot标签：p

如何<p>从<custom>标签内访问元素？

更新：我收到了一大堆从 DOM 中选择它的方法的答案。我想要的是一种p从组件库riot.js本身中选择内部标记的方法。我正在寻找一个更 riotjs 具体的答案。例如，您使用的聚合物this.$.content.getDistributedNodes()。

我希望能够创建一个可重复使用的子标签：

因此，我想使用可观察模式与子标签进行通信：

该代码不起作用，因为已经安装。如果我将子标签放在标签之外，它确实可以工作。如何使用子标签符号捕获事件？

有一个递归嵌套的标签：

它安装如下：

如标记代码中的注释中所述 - 更改父复选框“已选中”状态时出现问题。但是“选定”属性的值会按预期变化。

是否有可能以某种方式更改父级的复选框状态或为父级标签调用“选择”方法？

这是代码：

console.log(localStorage.getItem('todos'))确实显示了键和值（例如["one", "two]），但是当我刷新页面时键和值都消失了。

页面刷新后如何使其保持不变？

我是 Riot JS 的新手，有点卡住了我有两个下拉菜单，其中一个包含一些尺寸，另一个根据所选尺寸填充数量。

当第一次更改大小时它工作正常，在随后的更改中它不会正确更新并且应该存在一些值。因此，对于 8 号尺寸，它应该只显示 1、2、3，但在多次更改后会显示其他尺寸。

我创建了一个 JSFiddle 来展示正在发生的事情。

http://fiddle.jshell.net/03fd0v6z/

谢谢

I'm trying to build an extended set of custom components for handling form elements. To start with I wanted to create a form-components custom tag, that handles showing of label (and later some basic validation rules) and then specific components.

In this fiddle you can see it set up. I'm using the nested tags example to copy nodes from the parent tag to the child tag. However, this only seems to work 1 deep.

I'm doubting wether my approach is the right way to go and this just isn't supported, or I'm just looking at it from the wrong direction.

Ideas anyone?