问题标签 [riot.js]

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 投票
3 回答
1644 浏览

javascript - 是否可以将 javascript 代码与 Riot Js 中的标记文件分开?

我想知道是否可以执行以下操作:

标签将保留视图(html),而 js 代码保留在不同的文件中:

  • todo.tag (html/css)
  • todo.js
0 投票
2 回答
401 浏览

javascript - Riot.js 2:具有虚假值的属性

我需要一个属性值为零(0

防暴模板:

期望的结果:

但是,如果它具有虚假值,Riot 会自动省略整个属性:

我目前的解决方法:

换句话说,我需要time属性具有确切的time属性值。

编辑:

自 2.2.4 以来,这似乎发生了变化。

Riot 2.2.4 演示

这按预期工作 - 两个标签都呈现time了具有相应值的属性

Riot 2.3.13 演示

这失败了 - 属性设置为的标记false已删除整个属性

0 投票
1 回答
153 浏览

javascript - RiotJs 如何做计算属性

父级在传递属性之前进行一些计算

它不起作用。

http://plnkr.co/edit/MguuodHHRlVytnikQKZ7?p=preview

如何做到这一点?

它是 Web 组件中非常基本的夹具。

0 投票
2 回答
123 浏览

javascript - HTML 输入标签是否需要 id 或名称?

我有一个包含循环的 riot 标签,如下所示。这个循环在另一个防暴循环内(也许很重要?)。升级到 riot 2.3.0 版本后,页面变慢无响应。发行说明指出防暴循环速度较慢但更可靠。

我发现当我从输入标签中删除 id 时,页面再次响应。在输入上没有 id 的情况下,我想我会重写 onclick 方法来识别以其他方式单击了哪个节点。

这不起作用,因为我的 onclick 方法似乎没有被注册。所以我的问题是:输入没有 id 或 name 是否违法?还是我可能做错了什么?

0 投票
1 回答
599 浏览

javascript - 如何在 riotjs 中使用 each={} 正确引用“嵌套”标签

我正在尝试使用加载标签的概念,我可以包装其他元素以在异步检索数据时提供一致的加载显示。考虑以下代码:

这个例子依赖于browserify(要求)但不应该对问题产生影响

如您所见,该标签<test />包含一个嵌套标签<loading />,用于包装内容<test />显示。问题是我不确定引用 items 数组的正确方法(在现实世界中将通过 ajax 拉入)。我尝试了选项 1 和 2,但没有任何显示。3 工作(将数据作为选项传递)但感觉不对。

它可能与<yield />如何<loading />显示其内容有关,但我不知道为什么。

0 投票
1 回答
521 浏览

material-design-lite - Material Design Lite 布局在第二次 upgradeDom() 时中断

我正在使用Riot.js,并且我有一个根元素,我在其中为登录框和实际应用程序呈现不同的布局。MDL 版本是 1.0.6。

我不允许发布图片,但可以在此处找到屏幕截图。在 codepen 中设置它有点复杂,所以我不会这样做。

如果我跳过登录并调用upgradeAllRegistered()upgradeDom()在应用程序添加到 dom 之后,一切都会按预期工作。

但是,如果我首先呈现登录屏幕,将其替换为应用程序并upgradeDom()再次调用,则布局不再起作用。标题不在顶部。

我已经检查了 dom usingdiff并且在这两种情况下都是相同的。它是这样开始的:

我不相信这仅发生在 riot 中,但也发生在其他框架中。我想问题在于MaterialLayout如果多次初始化,它就无法正常工作。布局基于仪表板示例。

有什么建议如何重置布局?如果不可能,我总是可以在登录后进行完全刷新。

0 投票
0 回答
123 浏览

javascript - RiotJS 可以与其他 JS 框架一起使用吗

我偶然发现了riotjs。我已经在他们的网站上浏览了他们的教程和 api。但我找不到任何关于它是否可以与 angularjs、react 或 knockout 等框架一起使用的信息。是否可以与其他框架一起使用?

0 投票
0 回答
753 浏览

javascript - PubNub 在订阅多个频道时触发重复事件

我的情况大致是这样的:我需要创建一个“聊天流”,用户还可以在其中添加自封装的子模块,这些子模块有自己独特的、私人的沟通渠道。换句话说,用户正在聊天中聊天,用户 #1 点击“添加模块”按钮,生成 uuid 并在“newModule”消息中发布到 PubNub 聊天频道,该频道上的所有听众都会收到带有 uuid 的消息,然后继续创建模块的本地副本,该模块本身订阅 PubNub 频道“uuid”。模块出现在聊天流中,用户可以继续聊天,还可以在他们自己的“uuid”PubNub 频道上从链接的私有模块来回发送(假设)“点击”。

不幸的是,当新模块尝试订阅新频道时,PubNub 会“重新触发”聊天频道上收到的最后一个事件,从而触发创建第二个重复模块。

我在这里创建了一个简化的测试用例来演示问题行为:http: //codepen.io/teolitto/pen/09f75b8b60f69a1c3aaab85af01b3cd3 ?editors=1000

DOM 和标签定义:

Javascript:

我确实在 PubNub 控制台中打开了 muxing('流控制器'),所以不是这样。

我发现了有助于改善问题的技巧——在订阅新频道之前设置大约 33 毫秒的超时时间似乎可以解决问题。如果订阅的频道是最近访问过的频道,则不会出现问题。但是,由于我每次都需要一个新的、独特的频道,而且我真的更愿意避免像超时这样的骇人听闻的解决方案(天知道如果我必须这样做我还会遇到什么),我在问这里。有任何想法吗?这可能是 PubNub 中的错误吗?还是我的实施镜头?

非常感谢任何输入。

0 投票
1 回答
856 浏览

javascript - 有没有使用 riot.js 的严肃网站的例子?

我搜索了互联网(在谷歌上单击了几次下一页)和 riot.js 文档,但找不到使用 riot.js 的单一高流量网站。

有没有使用 riot.js 的大型网站/webapps?

0 投票
1 回答
641 浏览

events - riot.js 如何自定义 DOM 事件处理程序

我可以在哪里自定义要绑定的事件处理程序。这些事件很常见,例如点击、点击、向左滑动、向右滑动