브라우저의 리플 로우/다시 그리기 사용 안함

DOM에 꽤 많은 요소를 추가하고 있습니다. 나는 모든 요소가 추가 될 때까지 브라우저가 페이지를 다시 그리기를 시도하지 않기를 바란다.브라우저의 리플 로우/다시 그리기 사용 안함

이것이 가능합니까?

2016-10-02 BanksySan

아마도 각 요소 뒤에 * 다시 그리지 않습니다. 주의해야 할 주요 사항은 요소 크기 및 위치와 같은 항목에 대한 쿼리를 사용하여 DOM 추가/제거를 산만하게하는 것입니다. 이러한 쿼리는 올바른 대답을 얻기 위해 브라우저를 다시 그리도록합니다. – Pointy

당신은 [단편] (https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment)를 사용하고 '요소'에 요소를 추가하고 언제 마무리를 추가 할 수 있습니다. –

@Pointy 크기 쿼리에 대한 흥미로운 점. 나는 그것을 고려하지 않았다. – BanksySan

모든 요소의 부모를 끝에있는 DOM에 추가하기 만하면 다시 한 번 그립니다.

2016-10-02 12:35:34 solarc

하나의 노드 (및 그 자식 노드) 만 조작하는 경우에 작동합니다. 그것이 나왔던 것처럼, 나는있다. 그것은 당신이 게시하기 바로 전에 모든 것을 복잡하게 만들었다는 것을 내 머리 속에서 클릭했습니다. – BanksySan

답변