$ .each заставляет IE сканировать

Question

Я пытаюсь использовать JSON для заполнения div, поэтому я в основном запускаю цикл, чтобы просмотреть все полученные данные, около 200 записей, и заполнить их в div.

Отлично работает в большинстве браузеров, но IE ползет до ядра. Есть ли какое-то решение проблемы?

Спасибо за ваше время.

Answer 1

Добавляете ли вы каждый бит данных в div одновременно? Каждое добавление заставляет браузер вызывать перерисовку, которую можно сохранить, объединяя и добавляя все в конце.

function doStuff(json) {
    $.each(json,function(key, val) {
       $('#myEl').append(val); //redraws every time.
    });
}

function doStuffBetter(json) {
    var html = '';
    $.each(json,function(key, val) {
       html += val;
    });
    $('#myEl').append(html); //only 1 redraw
}

Answer 2

На прошлой неделе я смотрел код Google, рассказывающий об оптимизации JavaScript . Было хорошее обсуждение зацикливания, и я помню, что $ .each работал медленно. Не уверен, что это поможет, но вы можете посмотреть видео.