问题标签 [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.
javascript - 是否可以将 javascript 代码与 Riot Js 中的标记文件分开?
我想知道是否可以执行以下操作:
标签将保留视图(html),而 js 代码保留在不同的文件中:
- todo.tag (html/css)
- todo.js
javascript - Riot.js 2:具有虚假值的属性
我需要一个属性值为零(0
)
防暴模板:
期望的结果:
但是,如果它具有虚假值,Riot 会自动省略整个属性:
我目前的解决方法:
换句话说,我需要time
属性具有确切的time
属性值。
编辑:
自 2.2.4 以来,这似乎发生了变化。
这按预期工作 - 两个标签都呈现time
了具有相应值的属性
这失败了 - 属性设置为的标记false
已删除整个属性
javascript - RiotJs 如何做计算属性
父级在传递属性之前进行一些计算
它不起作用。
http://plnkr.co/edit/MguuodHHRlVytnikQKZ7?p=preview
如何做到这一点?
它是 Web 组件中非常基本的夹具。
javascript - HTML 输入标签是否需要 id 或名称?
我有一个包含循环的 riot 标签,如下所示。这个循环在另一个防暴循环内(也许很重要?)。升级到 riot 2.3.0 版本后,页面变慢无响应。发行说明指出防暴循环速度较慢但更可靠。
我发现当我从输入标签中删除 id 时,页面再次响应。在输入上没有 id 的情况下,我想我会重写 onclick 方法来识别以其他方式单击了哪个节点。
这不起作用,因为我的 onclick 方法似乎没有被注册。所以我的问题是:输入没有 id 或 name 是否违法?还是我可能做错了什么?
javascript - 如何在 riotjs 中使用 each={} 正确引用“嵌套”标签
我正在尝试使用加载标签的概念,我可以包装其他元素以在异步检索数据时提供一致的加载显示。考虑以下代码:
这个例子依赖于
browserify
(要求)但不应该对问题产生影响
如您所见,该标签<test />
包含一个嵌套标签<loading />
,用于包装内容<test />
显示。问题是我不确定引用 items 数组的正确方法(在现实世界中将通过 ajax 拉入)。我尝试了选项 1 和 2,但没有任何显示。3 工作(将数据作为选项传递)但感觉不对。
它可能与<yield />
如何<loading />
显示其内容有关,但我不知道为什么。
material-design-lite - Material Design Lite 布局在第二次 upgradeDom() 时中断
我正在使用Riot.js,并且我有一个根元素,我在其中为登录框和实际应用程序呈现不同的布局。MDL 版本是 1.0.6。
我不允许发布图片,但可以在此处找到屏幕截图。在 codepen 中设置它有点复杂,所以我不会这样做。
如果我跳过登录并调用upgradeAllRegistered()
或upgradeDom()
在应用程序添加到 dom 之后,一切都会按预期工作。
但是,如果我首先呈现登录屏幕,将其替换为应用程序并upgradeDom()
再次调用,则布局不再起作用。标题不在顶部。
我已经检查了 dom usingdiff
并且在这两种情况下都是相同的。它是这样开始的:
我不相信这仅发生在 riot 中,但也发生在其他框架中。我想问题在于MaterialLayout
如果多次初始化,它就无法正常工作。布局基于仪表板示例。
有什么建议如何重置布局?如果不可能,我总是可以在登录后进行完全刷新。
javascript - RiotJS 可以与其他 JS 框架一起使用吗
我偶然发现了riotjs。我已经在他们的网站上浏览了他们的教程和 api。但我找不到任何关于它是否可以与 angularjs、react 或 knockout 等框架一起使用的信息。是否可以与其他框架一起使用?
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 中的错误吗?还是我的实施镜头?
非常感谢任何输入。
javascript - 有没有使用 riot.js 的严肃网站的例子?
我搜索了互联网(在谷歌上单击了几次下一页)和 riot.js 文档,但找不到使用 riot.js 的单一高流量网站。
有没有使用 riot.js 的大型网站/webapps?
events - riot.js 如何自定义 DOM 事件处理程序
我可以在哪里自定义要绑定的事件处理程序。这些事件很常见,例如点击、点击、向左滑动、向右滑动