REACT.js 中的动态路由使用从 API 获取的数据
[英]Dynamic Routing in REACT.js using data fetched from an API
在过去的几个月里，我一直在使用 REACT.js 开发一个复杂的应用程序，遇到了一个问题，尽管进行了广泛的研究和实验，但我仍然无法解决。 问题是我正在尝试在我的应用程序中实现动态路由，其中路由由从 API 获取的数据确定。我一直在使用 react-router-dom 库来处理我的路由，并成功实现了 ...
将 div 元素的“颜色”属性绑定到 Vue.js 中的“颜色”数据属性
[英]Binding 'color' attribute of div element to 'color' data property in Vue.js
我试图了解 Vue.js 的指令如何工作以及如何使用它们来操作 DOM。 我一直在试验一个简单的示例，该示例应将 div 的“颜色”属性绑定到数据属性，但它没有按预期工作。 这是我的代码： 我也尝试过使用v-bind简写:color和v-bind属性以及属性名称的不同变体，例如:color 、 :c ...
在删除 window.selection 后重建 DOM
[英]Rebuild DOM after a window.selection has been removed
我遇到了突出显示段落中选定文本的问题。 具体来说，当用户删除选定的突出显示时，该段落有时会重新呈现，有时如果/当用户尝试创建新的突出显示时它不会引起问题。 这是场景： 段落<p>Over the last few weeks you have learned how a philoso ...
Javascript中如何通过DOM事件切换列表元素
[英]How to toggle list element through DOM Events in Javascript
我有一个列表，其中包含 a 中的三个元素。 我正在尝试打开和关闭 CSS class，它会在单击列表元素时触发文本。 我创建了一个 function 并使用 for 循环来检查被单击的列表元素的数组索引。 我定义了以下内容： 清单项目： var list = document.getElements ...
使用递增数字循环遍历 HTMLCollection 时的奇怪行为
[英]Strange behaviour when looping through an HTMLCollection with a for increasing number
HTMLCollection 有一些非常违反直觉的行为，即使它似乎被推荐做一个 for 循环，随着数量的增加，循环它，当我试图使用它来操纵它包含的元素与 function appendChild 到 append 它们对于某些外部元素，循环的行为非常奇怪，我无法解释。 这是我的示例代码： 这是我从 ...
未捕获的类型错误：$(...).addClass 不是 function
[英]Uncaught TypeError: $(...).addClass is not a function
我这里有一个特例......在我的代码中，jQuery 被初始化并且$(...).on('click', function() {})工作正常。 但是当我尝试使用.addClass function 时，我收到了该错误消息。 代码： 所以，一切正常，但.addClass function。想法？ ...
我如何在 JS 中编写代码，通过一个字母一个字母地消失来删除现有的 output，而不是编写另一个代码
[英]How can I write a code in JS that deletes the existing output by disappearing it letter by letter, than writing the another one
这是我编写的代码，当我在搜索字段中写入一个单词时，它会通过一个字母一个字母地显示它来将其附加到元素“单词”中。 但是，问题是，我不知道如何编写代码，当我在搜索字段中写下另一个词时，它会删除出现在元素“Word”中的词，然后写下我写的新词。 我尝试了很多替代方案，但没有结果。 ...
带有 oncontextmenu 绑定的分层元素
[英]Layered elements with oncontextmenu bindings
复制：https://jsfiddle.net/ssabc/cL6qxn1r/13/ 我有一个背景元素和一个前景元素（您可以将其视为画布顶部的对话框弹出窗口）。 当用户右键单击前景时，我想阻止context menu出现在背景中。 我尝试为前台的上下文菜单绑定一个处理程序并从中返回 false 无济 ...
在追加元素后更改元素的样式不会触发从追加元素的样式的转换
[英]Changing the style of an element after it is appended doesn't trigger transition from the style that it was appended with
重现这个花了我一个晚上，这是我能想到的最整洁的版本。 它很容易解释这种行为： 为了改变流程，DOM 中的一个元素被附加到不同的位置定位不是按流量来的，所以风格也变了没问题。 检查演示。 对于肉眼： swap - 改变右边的数字。 append - 匹配左边的数字和右边的数字。 position ...
在移动设备中不执行按钮事件监听器（在 PC 中工作）
[英]Button eventlistener not executing while in Mobile (Works in PC)
在构建我的 object 并将其值显示在一个 HTML <.li.> 中之后，在另一个 function 中创建一个 btn 并返回以附加到相同的 <.li.> 该按钮在桌面上工作正常，但当我切换到移动设备时，它很奇怪。 有时有效，有时无效。 有时您甚至无法按下加入按钮（创 ...
Webpack 5 不会加载动画gif文件
[英]Webpack 5 will not load animated gif file
我是 webpack 的新手，但跟随官方文档： https://webpack.js.org/guides/asset-management/#setup 我正在尝试使用 webpack 5 加载动画 gif。 gif 的 placehodler 正在加载，但控制台错误是：“GET file:// ...
如何改变几个item的class以及如何让navbar根据页面滚动更新？
[英]How to change the class of several items and how to make the navbar update according to the page scroll?
这是一个导航栏。 “活动” class 使导航栏中项目的背景变得更暗。 是的，我用“div”而不是“ul”制作了导航栏。 This code of mine is an attempt, whenever an item in the navbar is selected (and its b ...
通过 SVG 内部的自定义属性值获取 DOM 元素
[英]Get DOM element by custom attribute value inside SVG
拥有此示例 SVG（在 Microsoft Visio 中创建）： 我想访问“g”元素。 问题是我不能简单地使用 document.getElementById("shape1014-243"); 因为 ID 将由 Visio 随机生成。 我知道我可以访问它的值是这个值 v:lbl="MY_UNIQ ...
使用 javascript 投票 - form.onsubit
[英]voting with javascript - form.onsubit
我正在为我的学校（我 16 岁）制作一个网站，我需要在提交表格时，它可以更改表格本身的内容。 我尝试使用“this”做一些事情，但没有成功。 有人能帮我吗？ HTML JAVASCRIPT As there will be several divs with the ".participant ...
我不明白为什么这个 UNDEFINED 发生在 JavaScript
[英]I dont understand the why this UNDEFINED happen in JavaScript
当我不放置 [0] 时，为什么这段代码在 DOM 中返回 undefined var d = document.getElementsByName('msg')[0] document.write(`<br> ${d.innerText}`) <div id="msg" nam ...
height=100%/height=100vh 超越屏幕
[英]height=100%/height=100vh going beyond screen
我已经设置了高度：100% 但它超出了屏幕，我如何将高度限制为不超过页脚的 go。 溢出滚动条不应超过页脚 go。 如果您检查 #two 的滚动条，它的下端将不可见，但我希望将 #two 高度限制到页脚，因此滚动条的下端应该在页脚上方。 p { display: block; background ...
渲染后如何将反应元素插入第三方反应组件？
[英]How to insert react elements into a third-party react component after rendered?
尝试将 append 我的反应元素转换为第三方呈现的组件（DOM 元素）而不触及第三方 package。 SomeComponent在内部定义和呈现tools数据，它不提供 API 来自定义或扩展tools 。 所以我想通过 DOM 操作直接扩展tools视图。 third-party.tsx ...
如何通过 DOM 而不是表格来呈现数据
[英]How to present data by DOM not by table
我对我正在创建的应用程序有疑问，我正在使用 Oracle 数据库，我正在从数据库中获取信息并通过表格将其显示在屏幕上，但我想尝试单独使用此数据，例如创建一个段落并显示一个值。 我只能通过表格呈现数据，还有其他方法吗？ 如果有人可以帮助我，非常感谢。 我接受所有改进代码的技巧。 我的Index.htm ...
为什么我必须将几个 arguments 传递给 forEach 方法的回调函数才能对 dom 元素执行样式？
[英]Why do I have to pass several arguments to the callback-function of the forEach-method to perform styling on dom elements?
嘿，我的以下代码看起来像这样（并且有效）： 但我想知道为什么以下两个不起作用？： 1. 我认为传递给回调的 arguments 只是 arrays 索引的抽象，所以元素会被那里的索引调用？ 但如果那是真的，至少第二个例子应该行得通吧？ 我只是在学习编码。 对不起，如果这个问题很愚蠢 ...
当第一个复选框被选中时什么也不做，然后它会为每个下一个复选框选择添加 10 到原始值
[英]Do nothing when the first checkbox is selected and then it will add .10 to the original value for every next checkbox selection
我有一组复选框，我希望在选中第一个复选框时原始价格保持不变，然后为每个选中的后续复选框在原始价格上增加 0.10。 当没有选择时，这也应该将原始值重置回其初始值 state。 ...