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

Как будет выполняться MutationObserver

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

Пример использования:

javascript
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    console.log('DOM изменился:', mutation.type);
  });
});

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

text

Ключевые особенности:
1. Работает асинхронно, группируя изменения
2. Позволяет отслеживать разные типы изменений (узлы, атрибуты, текст)
3. Можно ограничить область наблюдения через subtree
4. Более эффективен, чем старые Mutation Events

Оптимален для сложных SPA, где нужно реагировать на динамические изменения DOM.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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