자바 스크립트를 사용하여 웹 페이지의 버킷에서 DOM 요소를 정렬하는 가장 좋은 방법

Question

여러 뷰를 기반으로 요소를 정렬해야하는 뷰포트마다 여러 가지 양동이를 유지해야하는 문제가 있습니다. 이제 DOM에서 이러한있는 요소 (각각의 숫자가 된 div 표현을 고려

Bucket A: 
1 
4 
9 
14 
23 
25 

:처럼 보일 수 있습니다

Bucket A: 
1 
4 
Bucket B: 
23 
25 
Bucket C: 
9 
14 

그리고보기 2 : 예를 들어

는,보기 1은 다음과 같이 보입니다).

선택한보기를 기준으로 정렬 된 상태로 유지하는 가장 좋은 방법은 무엇입니까? 이 버킷 (JavaScript 배열)을 장면 뒤에서 유지해야하며 버킷이 업데이트 될 때마다 뷰를 다시 렌더링해야합니까? 아니면 DOM 정렬을 사용하거나 DOM 요소 자체를 정렬해야합니까?

주요 변경 사항은보기를 변경하는 동안 깜박임이 표시되지 않아야한다는 것입니다.

Answer 1

콘텐츠를 기반으로 DOM 요소를 정렬하는 대신 원시 JavaScript 객체 (예 : 배열)에서 정렬하는 것이 성능 측면에서 보면 항상 빠릅니다.

깜박임이 발생하는 것은 CPU를 많이 사용하는 DOM 조작 때문일 수 있습니다. 그러나 예를 제공하지 않았으므로 확실히 말할 수는 없습니다.

이 jsbin.com 또한

을 시도해보십시오 : these pitfalls 중 하나를 발생하지 않도록하려면, 나는 그런 underscore.js 또는 sugar.js