javascript - 切换可见性时的 DOM 操作性能

Question

我的包装 div 中有一堆图像。我需要隐藏除一个用户点击之外的所有内容。
最高效、最简洁的方法是什么？我是否应该对所有这些应用类以隐藏它们，然后过滤掉被单击的那个并仅显示该一个，或者我应该循环遍历它们所有隐藏它们作为循环的进展，除了被单击的那个或其他东西？

Tnx

Answer 1

在现代桌面浏览器中您不会看到任何差异。浏览器经过调整，可以快速渲染 DOM 3 的任何更改。直觉告诉我，循环遍历所有图像并根据使用样式属性而不是使用类单击的项目设置可见性可能会稍微快一些。这样你只需处理 N 个元素，并且不涉及外部 CSS 文件。如果隐藏所有元素并显示被单击的元素，则将处理 N + 1 个元素。

在您的情况下，从开发人员的 Angular 来看，我会使用最快、更易于管理和干净的解决方案，因为如果您使用一种方法或另一种方法，最终结果不会有太大差异。