DOM操作
本话题发布DOM操作相关的问答文章和技术分享，将持续更新，为您推荐了8篇问答，访问即可查看更多精彩内容。
-
2
回答
10浏览
Vue中使用DocumentFragment优化DOM操作时为什么没有性能提升？
我在开发一个需要频繁渲染大量列表项的Vue组件时，尝试用DocumentFragment来优化DOM操作。按照文档写了个循环拼接节点的代码，但实际测试发现性能提升不明显，甚至比直接操作DOM还慢一点....
-
1
回答
12浏览
动态生成大量DOM元素时页面卡顿，如何优化？
我最近在做一个需要动态生成1000个带过渡效果的div的项目，用for循环拼接innerHTML时页面直接卡死了。改用文档碎片（documentFragment）后流畅度有提升，但滚动时依然卡顿。 尝...
-
2
回答
25浏览
拖拽元素时为什么位置会偏移？CSS定位设置没问题啊
我在实现拖拽排序功能时遇到问题，拖拽元素在放手后的位置总比拖动终点偏移约20px。我设置了.draggable { position: relative; cursor: move; }，拖拽时用cl...
-
2
回答
11浏览
为什么用Clipboard API复制内容总是提示不允许？
我写了个按钮点击复制文本的功能，用navigator.clipboard.writeText()，但总弹出“不允许此操作”的提示。试过加clipboard-write权限到manifest.json，...
-
2
回答
20浏览
使用History API修改URL后页面刷新数据就丢失了怎么办？
我在做单页应用时用history.pushState修改了URL，但用户刷新页面后数据全没了，这该怎么解决？ 比如点击按钮加载用户资料时： document.getElementById('...
-
2
回答
67浏览
为什么动态生成的元素用querySelectorAll找不到？
我在点击按钮时动态添加了一个带类名.dynamic的div，但立刻用document.querySelectorAll('.dynamic')查询却返回空列表。明明元素在DOM里显示出来了，这是怎么回...
-
2
回答
34浏览
为什么动态添加的列表项点击事件没反应？
我给ul绑定了点击事件想用事件委托，但动态追加的li点击没触发函数。静态生成的li能触发，新增的就不行，这是怎么回事？ 代码是这样的： document.querySelector('ul').add...
-
2
回答
32浏览
IntersectionObserver在React组件卸载后还会触发回调怎么办？
最近用IntersectionObserver做图片懒加载，发现组件被滚动出屏幕销毁后，observer居然还在触发回调！ 代码是这样写的，useEffect里创建了observer，但组件卸载时没清...
