Как игнорировать окончания строк при сравнении файлов?

Вот несколько тестов производительности:

И 4 решения:

  1. document.getElementById('container').innerHTML += '

    Just some text here

    ';
  2. $('#container').append('

    Just some text here

    ');
  3. var div = document.createElement("div"); div.innerHTML = '

    Just some text here

    '; document.getElementById('container').appendChild(div)
  4. document.getElementById('container').insertAdjacentHTML('beforeend', '

    Just some text here

    ');

Настройка среды (2018.07.02) MacOs High Sierra 10.13.3 на Chrome 67.0.3396.99 (64-разрядная ), Safari 11.0.3 (13604.5.6), Firefox 59.0.2 (64-разрядная версия)):

Как видим, insertAdjacentHTML является (Safari 110M операций в секунду, Chrome 65M, Firefox 39M), поэтому простой javascript быстрее, чем jQuery (во всех браузерах). ВнутреннийHTML + = ... медленнее, чем jQuery для всех браузеров.

Вы можете повторить тест на вашем компьютере здесь: https://jsperf.com/insert-html-ttest

44
задан Braiam 22 July 2018 в 12:46
поделиться