Встречается на собеседованиях • сегодня

Как оптимизировать работу с DOM без React

Используй DocumentFragment для группировки изменений DOM перед вставкой, что уменьшает количество рефлоувов. Пример:

js
const fragment = document.createDocumentFragment();
for (let i = 0; i < 100; i++) {
  const div = document.createElement('div');
  fragment.appendChild(div);
}
document.body.appendChild(fragment);

Кешируй ссылки на DOM-элементы:

js
const elements = document.querySelectorAll('.item');
// Переиспользуй elements вместо повторных querySelector

Применяй requestAnimationFrame для анимаций и массовых обновлений:

js
function update() {
  requestAnimationFrame(() => {
    // Операции с DOM
  });
}

Используй делегирование событий вместо множества обработчиков:

js
document.addEventListener('click', (e) => {
  if (e.target.matches('.btn')) {
    // Обработка клика
  }
});
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы