保持动态HTML元素列表排序的更快方法是什么?

时间:2014-10-25 13:59:41

标签: jquery performance sorting dom

很多时候,我遇到过DOM操作缓慢的说法。如果元素总是按日期排序,我想保留动态列表。列出基于socket.io事件的每个客户端的动态更新,每个用户还可以使用标记过滤事件。

最快的方法是什么?

A - 清理容器,对javascript数组进行排序,然后将其追加

$('#container').html('');
myArray.push( newEvent );
myArray.sort(); 
$('#container').html( 'renderEvents( myArray )' );

B - 请勿触摸DOM - 只需在正确的位置添加

Loop through $( '.eventItems' )
find the right place comparing dates
$( '#myEvent' ).insertAfter( '#matchingEvent' );

我不知道该走哪条路。或者可能有第三种方式,更清洁,更好? 顺便说一句,我对这个特定项目使用前端框架不感兴趣。

由于

0 个答案:

没有答案