匿名表格单元格 - 它们会影响回流/重绘性能吗？

Question

好旧的micro clearfix hack基于使用空白表元素来防止边缘折叠和清除浮动。它提到这种行为会创建匿名表元素，因为每个HTML表都需要按设计存在，所以据我所知，重绘周期有6个新的空白元素用于处理每个clearfixed元素（table + anon row + anon cell * 2） 。这在回流/重涂循环期间是否有与性能相关的任何缺点？你会怎么测试呢？

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

Answer 1

它不会污染DOM，但可以为渲染目的计算对象。实现可能能够优化它们。

但是在渲染过程中会计算所有类型的框。没有必要特别关注这些。