Các ô bảng ẩn danh - chúng có ảnh hưởng đến hiệu suất reflow/repaint không?

Question

Bản hack vi xử lý vi mô cũ tốt được dựa trên việc sử dụng một phần tử bảng trống để ngăn chặn sự phá vỡ lề và phao nổi. Nó đề cập rằng hành vi này tạo ra các phần tử bảng vô danh vì mỗi bảng HTML cần những phần tử tồn tại theo thiết kế, do đó, tôi hiểu chu trình repaint có 6 phần tử trống mới cho mỗi phần tử được cố định để xử lý (table + anon row + anon cell * 2) . Điều này có bất kỳ hạn chế nào liên quan đến hiệu suất trong chu kỳ reflow/repaint? Làm thế nào bạn sẽ kiểm tra điều này?

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

.cf:after { 
    clear: both; 
} 

Answer 1

Nó không gây ô nhiễm DOM, nhưng các đối tượng có thể được tính cho mục đích hiển thị. Việc triển khai có thể tối ưu hóa chúng.

Nhưng tất cả các loại hộp được tính trong quá trình hiển thị. Không có nhu cầu cụ thể để được quan tâm về những điều này.