100 개의 div 요소에 애니메이션을 적용하고 모든 요소를 선택하고 nodeList
using querySelectorAll
및 getElementsByClassName
. 첫 번째는 처음부터 모든 dom 데이터가 필요하기 때문에 준비는 첫 번째보다 후자가 훨씬 빠르다고 알려져 있습니다. 그러나 querySelectorAll
정적이므로을 통해 dom 데이터를 조작하는 데 사용할 때 얼마나 빠른지 궁금합니다 requestanimationframe
.
어떤 아이디어?
일치하는 div를 추가하거나 제거하지 않는 경우 (기존 div의 클래스를 변경하여 목록에 가입하거나 탈퇴하는 것을 포함하여) 실제로는 중요하지 않습니다. 목록을 한 번 잡고 해당 목록 에서 애니메이션을 수행합니다.
일치하는 div를 추가 / 제거하는 경우을 사용 getElementsByClassName
하십시오. (다시) 목록을 한 번 가져간 다음 해당 목록에서 작업 할 수 있기 때문입니다 ( 브라우저에 의해 지속적으로 업데이트 됨). (IE8을 지원해야하는 경우, 이것은 옵션이 아닙니다. IE8에는는 있지만는 querySelectorAll
없습니다 getElementsByClassName
.하지만 IE8은 구식이므로 ...)
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다