问题标签 [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 投票
1 回答
239 浏览

javascript - 从 DOM 中移除时自动卸载

考虑以下示例:

我们在其中挂载一个标签,然后使用普通的 DOM 方法将其删除。在这种情况下,可以看到虽然标签不再存在,但它并没有被卸载,因此unmount事件处理程序中的处置代码没有运行。

我可以使用 DOM MutationObserver 来处理这种情况,但我想知道我是否遗漏了什么。

0 投票
0 回答
494 浏览

javascript - 按钮onclick,向触发器添加功能不起作用

就 riot.js 而言,我相当初学者,但我遇到了问题。我在 GitHub 上使用 riot.js start-kit Riot Webkit

我正在尝试通过单击按钮来调用函数。我 craetet list.tag 并在那里分配了 setAlert ,在脚本部分我创建了 setAlert(e) ,这就是问题所在,因为它抛出了我和错误:

如果我删除这个 setAlert(e) 一切都很好。请帮我。这是我的代码:

0 投票
1 回答
144 浏览

javascript - Riot.js 在构建时出错,使用 Riotjs Webpack Starterkit

我正在尝试向现有标签添加一个方法,在单击按钮时调用,我在开发构建时收到此错误。

https://github.com/wbkd/riotjs-startkit

./src/components/itemlist.tag 中的错误模块构建失败:SyntaxError: unknown: Unexpected token (15:15) });

@ ./src/pages/home.tag 5:0-37

0 投票
1 回答
671 浏览

routes - riot.js 如何检测 url 变化

为了对 url-change-event 做出反应,我可以将任何函数设置为-window.onhashchangeriot.route('targetHash')不会发出/触发此事件。

相比之下:当我在浏览器 url 栏中手动更改 url 时触发事件。

是否有一种特殊的方法来检测 riot.js 的 url 变化,所以我可以在 url 从...#/oldPageto变化时触发一个函数...#/<anything else>

riot.js 版本:2.4.1

0 投票
1 回答
383 浏览

redux - Riot.JS:不可变的数据结构导致不需要的渲染

我尝试使用 Redux 管理我的 Riot 应用程序状态,但我注意到当我的模型(一个简单的项目数组)发生变化时,即使修改与一个项目相关,从该集合呈现的每个元素都会重新呈现。

我在这里重现了这个问题

使用可变减速器没有问题,在这两种情况下,我都会观察存储中的更改以触发视图更新(对于可变数据来说是不必要的)。

gif 表明我的列表中的 DOM 已完全重新渲染

我认为 Riot 的虚拟 DOM 检查只会重新渲染 DOM 的更改部分......

我做错什么了吗?

0 投票
2 回答
101 浏览

javascript - RiotJS:如何在循环期间缓存值?

我希望通过在RiotJSeach={}的循环期间缓存重复值来提高性能和可读性。有没有办法做到这一点不会呈现价值和/或产生不必要的性能开销?

前:

后:

jsfiddle

0 投票
1 回答
193 浏览

javascript - 来自多个商店的 RiotControl 触发动作

我在我的应用程序中使用RiotJSRiotControl进行基于步骤的表单旅程中的组件和事件处理。其中一个表单屏幕主要收集发送到两家商店的数据。用旧的钱,我称之为多模型视图,并会用 Rails 之类的视图模型来处理这个问题。该屏幕收集有关客户的信息以及有关实际旅程的信息,因此在提交表单时会将两个单独的关注点发送到两个不同的商店。

下一个表单屏幕需要在渲染之前来自两个商店的信息,所以我很难看到我如何确保在安装和渲染此屏幕之前触发来自两个商店的两个更新事件,同时维护来自每个商店的数据事件处理程序的后续触发器。这样的事情可能吗,还是我以错误的方式解决这个问题?

非常感谢

0 投票
1 回答
960 浏览

riot.js - 如何在 riot 标签中包含外部 css 和 javascript?

我想为轮播创建一个标签,但我只想在网站上使用此标签时加载 CSS 和 Javascript 文件,但只有将其添加到<body>我的网站时才能使其工作。

有没有办法只在标签中加载?

我的标签示例(仅当我将 css 和 .js 文件移动到网站正文中时才有效:

0 投票
1 回答
343 浏览

visual-studio - 带有 riot.js 的 Visual Studio 中的 Javascript 块

有没有办法在处理骚乱时在 Visual Studio 中正确显示 javascript 块?

所以我们可以使用智能和所有其他简洁的功能吗?

在此处输入图像描述

在此处输入图像描述

我试过使用<script type="text/javascript>` 但这没有帮助......你们在做什么?

因为每次我们在<script>上下文中粘贴一些东西时它都很糟糕,它会重新格式化左边的所有东西......每次:/

0 投票
1 回答
1635 浏览

javascript - RiotJS onclick 在加载时触发

我正在使用 RiotJS 编写一个表格应用程序,并且我一直遇到与 onclick 事件相同的问题。几乎每次我尝试使用

<tag onclick={somefunction}>

我的行为非常不稳定。有时它会在页面加载或更新时多次调用该函数,然后根本不响应点击,有时它会在启动时触发多次。我似乎无法找出问题背后的模式,尽管我注意到它往往是内联函数调用的问题,例如

<tag onclick={console.log("foo")}>

并且很少使用参考传递,<tag onclick={function}>尽管两者都发生。有没有人经历过这样的事情?如果您需要更多上下文,请发表评论。