普通的JS DOM操作(节点呈现不一致)

文章/答案/技术大牛

发布

1回答

javascript、dom

我的页面通常是这样的： ? 注意图像最右侧的滚动条。问题:有时，每当我来回切换时，school logo card就会出现在页面底部，Home选项卡和About选项卡按钮在左侧。每当school logo card出现在底部时，每次我在Home和About之间切换时，都没有一致的计数。它看起来是这样的：将在home carousel card之后呈现school logo card ? 我的js代码： const pageConten

浏览 30提问于2021-07-23得票数 0

回答已采纳

5回答

可以在节点js中操作DOM吗？

javascript、html、css、node.js、ajax

我使用普通的js、ajax和DOM操作构建了一个随机引用应用程序，并且想知道我是否可以在后端使用node/express完成js部分。但是，我似乎不知道是否可以通过节点JS完成DOM操作(比如单击按钮时生成新的引号)？

浏览 0提问于2020-07-06得票数 3

2回答

带JavaScript的性能数据表

javascript、html、performance、web、vue.js

每一行都包含一个由72个1和0 ([1, 1, 1, 1, 0, ...])组成的数组。它们显示时间(72小时)的活动。只有40行时，表就会稍微滞后一些。TL;DR你能推荐什么文学作品吗？我记

浏览 7提问于2017-11-12得票数 1

回答已采纳

2回答

将呈现到另一个组件DOM中是否安全？

javascript、reactjs、react-dom

render (){ } 在其他组件DOM中呈现门户是否安全？我已经测试过了，但我不知道这是否可靠。Portals文档提到，您可以在DOM节点中呈现门户，但不能呈现任何有关组件DOM</e

浏览 0提问于2018-12-27得票数 12

回答已采纳

1回答

虚拟DOM与真实DOM在反应JS中的差异？

reactjs

有人能解释虚拟DOM和真实DOM在反应JS方面的区别吗？我得到了下面的答案，但我仍然不清楚。任何帮助都将不胜感激。虚拟DOM是一个轻量级的JavaScript对象，它最初只是真实DOM的副本。它是一个节点树，它将元素、它们的属性和内容作为对象及其属性列出。function的呈现函数从function组件中创建一个节点树。然后，根据由用户或系统所做的各种

浏览 0提问于2018-09-26得票数 4

回答已采纳

1回答

将脚本编写到DOM，并在DOM渲染完成之前运行该脚本

javascript、dom

我的JavaScript (比如File1)需要从我的服务器获取另一个JS文件(比如File2)，并在DOM完成呈现之前让它完成执行。我注意到，如果通过在文件1中创建一个新的脚本标记并将其附加到DOM的头节点(使用DOM操作方法)来获取文件2，则广告在firefox中可以正确呈现，但在IE中无法正确呈现研究表明，以这种方式动态附加到DOM<em

浏览 0提问于2010-01-13得票数 4

回答已采纳

1回答

编写支持服务器端渲染的scala-js前端框架。无法在服务器上使用scala-js-dom

scala、scala.js、server-side-rendering

我正在编写scala-js前端框架，它的关键特性是服务器端渲染。这个想法是，有一些组件可以通过document.createElement、element.appendChild和其他组件来操作dom。在服务器端，我子类化了HTMLDocument、Element等，用可以转换成普通字符串html的服务器dom实现来覆盖它们的方法。但是HTMLDocument、Element和其他类很可能会在其构造函数中调用js.native，这些构

浏览 12提问于2016-08-29得票数 2

1回答

在internet explorer上加载锁定

javascript、html、facebook

应用程序的位置是1)当我在除IE之外的任何浏览器中加载网站时，它会立即加载-因此没有问题你认为是javascript导致了这个问题，还是html有问题？任何关于我可以进一步调查的建议都将是很棒的！

浏览 0提问于2009-08-28得票数 1

1回答

为什么reason的性能优于直接使用JQuery的DOM操作？

jquery、reactjs、performance、dom

在React和JQuery直接DOM操作之间的比较中，我对DOM操作有疑问。假设我们想更新一个DOM节点：1.React创建虚拟DOM (内存中的，‘javascript制作的’真实DOM的表示)，让我们称之为VD1 3.Reactcrates --一个新的虚拟DOM实例，我

浏览 0提问于2018-09-28得票数 0

3回答

如何在没有反应的情况下从JSX获得HTML字符串。例如，我使用的是SolidJS

javascript、html、solid-js

我没有使用React，所以这是行不通的我目前正在用浏览器上的id在隐藏的div中呈现jsx，然后使用得到HTML，但我想知道是否有更优雅的解决方案

浏览 22提问于2022-08-29得票数 1

回答已采纳

2回答

尝试在元素本身之前插入元素的结果

javascript、jquery、dom

</p>我知道代码是无意义的，但我正在编写的代码中，我插入的项可能与之前插入的项相同。有没有人能告诉我为什么我会得到上面的结果？#second怎么了？

浏览 1提问于2012-08-28得票数 4

回答已采纳

2回答

浅DOM与阴影DOM的区别

web-component、shadow-dom

我跌跌撞撞了几次光DOM的事情，但无法理解与阴影DOM的区别。如果有人能提供一个明确的答案，这将是非常感谢的。

浏览 4提问于2017-02-07得票数 20

回答已采纳

1回答

我“桥梁”如何应对DOM缺口？

reactjs、next.js、react-dom

我正在写我的第一个反应应用程序使用Next.js，我遇到了一个困难。我的页面上有一张地图。Map是非常复杂的元素，我需要在其中插入react组件。body> ReactDOM.render(<someReactComponent />, elm);

浏览 0提问于2021-05-26得票数 1

回答已采纳

2回答

最小化浏览器回流/重新渲染

javascript、dom、optimization、reflow

我目前正在为我的硕士论文编写一些代码。关于有效的DOM操作，我有几个问题。 1)考虑您必须在许多彼此接近的节点上执行大量DOM操作。对所有这些节点的最顶层的parentNode进行深度复制(并将其保留在DOM之外)，在该子树上执行操作，然后将其与DOM中的副本交换，是否有意义呢？这会最小化浏览器回流/重新渲染吗？2)改

浏览 4提问于2014-12-05得票数 0

1回答

如何使用vue呈现函数将用JavaScript创建的Dom节点添加到vue

javascript、object、vue.js、dom、vue-render-function

我有一个JavaScript函数，它返回一个DOM节点，该节点表示一个树视图，其中包含许多嵌套节点，我想知道是否可以将该函数传递给vue呈现函数?？我知道我不应该搅乱DOM，也不应该使用递归模板，但是为了学习和挑战我自己，我仍然想弄清楚.如何在Vue中使用呈现函数来操作DOM。谢谢你的帮助。

浏览 2提问于2020-01-12得票数 1

2回答

角形，包括手动形式柱的值属性。

angular、angular-forms

由于一些安全/CORS/预飞行限制，我必须使用表单的操作/方法属性将表单发布到外部站点。我不能使用控制器或其他脚本操作提交表单。这是不能改变的。虽然value=“{{var}”正在处理输入元素以绑定值，但在DOM中没有呈现value属性，因此当我尝试一个普通的旧表单提交时，由于缺少值属性，发布的内容是空的。模板： <input type="text" id=&q

浏览 0提问于2018-10-29得票数 0

回答已采纳

2回答

使用由工具创建的SVG

javascript、dom、svg、reactjs

但是，复杂的SVG将在外部工具(Inkscape、Illustrator等)中创建。对反应一无所知的人。现在，我通过JQuery of .querySelector (您可以在Inkscape中提供节点I，这使得选择它们非常容易)和通过常规DOM操作应用转换/节点操作来操作SVG节点。考虑到单向呈现和虚拟DOM的反应方式，我看不出这是如何实现的。由于复杂的</em

浏览 2提问于2016-02-18得票数 6

回答已采纳

1回答

如何将vuejs html模板作为插槽传递，并从数据或方法访问

html、templates、vue.js

我有一个这样的组件： <h1>upload</h1></my-dropzone><template> computed: { }</script> 现在，我

浏览 1提问于2019-06-01得票数 0

1回答

使用defn和defn作为om/build函数有什么区别？

clojure、clojurescript、om

om "0.8.0“ 在我点击“+”按钮后， (println "Test widget unmounting")) (render [_] (dom/h2 nil (str "

浏览 2提问于2015-01-20得票数 0

回答已采纳

2回答

通过角度移动DOM元素时保持焦点

javascript、angular、typescript

我使用*ngFor来呈现一个操作表。操作按优先级排序，但当用户通过与表中的<input type="number">交互来编辑操作细节时，优先级可能会发生变化。我希望排序顺序在更改后立即更新。问题是，通过临时从DOM中移除表行，角形移动会导致其中的<input>在用户键入时失去焦点。有什么办法可以阻止吗？节点实际上是被重用的。但是，在元素删除上设置DOM断点仍然会产生以下堆

浏览 0提问于2019-06-07得票数 1

点击加载更多