26
4
i need to add and remove multiple node from DOM while scrolling. To add nodes i found the solution of documentFragment, which allows me to add multiple node with only one reflow.
我需要添加和删除多个节点从DOM，而滚动。为了添加节点，我找到了documentFragment的解决方案，它允许我只使用一个回流来添加多个节点。
But removing a great number of nodes is very costly too, so i'm searching for a faster solution.
但删除大量节点的成本也非常高，因此我正在寻找更快的解决方案。
Now I remove every child with a Node.removeChild(...), which causes a reflow.
现在我用Node.removeChild（...）删除每个子节点，这导致回流。
Thanks
谢谢
Should you manipulate HTML string instead of DOM? I think it will have only one reflow after manipulating HTML then replace the current HTML
您应该操作HTML字符串而不是DOM吗？我认为在操作HTML之后，它将只有一次回流，然后替换当前的HTML
Problem is that manipulating an HTML string alone will mean that any listeners that may be attached to the elements inside will be corrupted.
问题是，单独操作一个HTML字符串将意味着任何可能附加到内部元素的侦听器都将被破坏。
plus changing the innerHTML attr is very costly i think. Its even better to remove large numbers of elements with reflow everytime, then to set innerHTML = ""
另外，我认为更改innerHTMLattr的成本非常高。更好的做法是每次都使用回流来删除大量元素，然后设置innerHTML=“”
I'm not sure if it has better performance but you can remove the parent element, then remove as many child as you want and after you're done, you re-append it. Since the elements on the dom has not changed, this shouldn't cause a reflow.
我不确定它的性能是否更好，但您可以删除父元素，然后删除任意多个子元素，并在完成后重新追加它。由于DOM上的元素没有更改，这应该不会导致回流。
个人中心
文章发布
退出// just a dumb code to show what I meant
let ol = document.querySelector('ol')
ol.remove()
let arr = [...ol.children] // for not modifying while iterating
for (let el of arr)
if (el.innerHTML != "child") el.remove()
document.body.appendChild(ol)<ol>
<li>way</li>
<li>too</li>
<li>many</li>
<li>child</li>
<li>to</li>
<li>remove</li>
</ol>
26
4
0
我正在尝试设计我的输入:文件。以下 SO 问题让我完成了 95% 的任务。区别在于我使用的是 HTML5 multiple=multiple 属性。 How to style "input file"
我一直在进行一项实验，其中多个调查参与者使用可穿戴技术聆听多首音乐来跟踪多条信息，两个例子是 BPM(心率)和 T(体温)。 目标是衡量每首音乐(以用户反馈为特征)对人类情感的影响。 目前，所有数据都
我使用 jquery 添加/删除输入 我使用append为日期/收入添加多个Tr 我还使用另一个附加来添加多个 td 以获取同一日期 Tr 中的收入 我添加多个日期输入，并在此表中添加多个收入输入 我
在 Android 中，有一种方法可以为项目中的所有模块生成签名的 APK。例如。我有以下项目 Project -- Library Module -- Module 1 -- Modul
我有一个用于网站展示的系统。 展览数据可能来自差异表中的多个数据。 喜欢这个设计: Table [ExhibitionType] used for differentiate category. Ta
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 8 年前。 Improve
我正在使用 UILocalnotification...收到通知时，当应用程序处于事件模式时我打开 viewcontroller...但是如果同时收到多个通知...我如何打开多个 viewcontro
我遇到的问题是一个策略浏览器游戏，它有 7 种类型的值。问题如下: 我在 $_POST 中获得了 7 个不同的值，包括从索引 unit_1 到索引 unit_7。这 7 个值是 0 到 20 之间的整
这个问题已经有答案了: Search Large Text File for Thousands of strings (3 个回答) 已关闭10 年前。 我想在多个文件上“grep”多个正则表达式。
我经常对如何在我的应用程序中解决这个问题感到矛盾。我使用了很多选项，包括: 一个通用的多选 - 这是我最不喜欢和最很少使用的选项。我发现可用性非常糟糕，一个简单的误点击就会毁了你所有的辛勤工作。 “自
以下是 couchbase 中的示例文档之一。 { "name":"abc", "friends":["a","b","c"], "bestfriends":["x","y","z"] }
我有 4 张 table 。 表组 | ID | NAME | 1 Premium 2 Silver 表用户 | ID | group_id | NAME | 1
我正在开发一个使用第三方服务(Facebook、Google 等)对用户进行身份验证的应用程序。我为每个用户提供一个内部 ID(uuid v4)，该 ID 与他们的第 3 方 ID 相关联。现在，我的
我是 bicep 新手，一直在努力实现 Bicep 脚本来部署具有许多主题和订阅的 Azure 服务总线。 我添加的每个主题都有可变数量的订阅(例如，通知主题可能有 3 个订阅，但分析主题可能有 2
我是 bicep 新手，一直在努力实现 Bicep 脚本来部署具有许多主题和订阅的 Azure 服务总线。 我添加的每个主题都有可变数量的订阅(例如，通知主题可能有 3 个订阅，但分析主题可能有 2
我必须创建一个大型数据库。它将保存来自 100 多个设备的数据，并不断更新数据库。每 10 秒，每个设备都会更新数据库中的一行。是为每个设备数据建立一个单独的表还是将数据与设备 ID 放在同一个表中更
我需要在 Activity 开始时显示“正在加载”进度对话框，然后在加载完成后显示一些内容。在我的 onresume 中，我有类似这样的代码: loadThread = true; Thread sh
我有一个 html 表单 当我提交表单时，假设对于 id = 1，数量为 5 或 对于 id = 3，数量为 8。如何在java脚本或jquery中获取这些值并将这些信息提交到服务器？我
我正在创建一个 Mozilla 扩展程序，通过单击“转换按钮”(标签:转换)将网页内容转换为其他语言它的标签被转换为英文，以便单击该按钮(标签:英文)内容被转换为原始形式 我尝试为每个选项卡设置属性“
我正在尝试根据 进行搜索 我通过运行代码从 select 中获取值: for($i=0;$i= '$age_from' AND users.user_age = '$age_from' AND u
我是一名优秀的程序员,十分优秀！