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

Какой опыт работы с MutationObserver

MutationObserver позволяет отслеживать изменения в DOM. Использовал его для динамического обновления интерфейса, когда контент подгружается асинхронно или модифицируется без перезагрузки страницы.

Пример:

javascript
const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (mutation.addedNodes.length) {
      console.log('Добавлены новые элементы:', mutation.addedNodes);
    }
  });
});

observer.observe(document.body, {
childList: true,
subtree: true,
attributes: false,
characterData: false
});

text

Кейсы:
- Отслеживание появления динамических элементов (модалки, toast-уведомления)
- Логирование изменений для отладки
- Ленивая загрузка контента при скролле

Важно отключать observer через `disconnect()`, когда он не нужен, чтобы избежать утечек памяти.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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