Что такое detached DOM nodes?

Senior
124 просмотров
AFK Offer AI

Detached DOM nodes — элементы удалённые из документа, но удерживаемые JavaScript ссылкой. Пример: const div = document.querySelector("#modal"); document.body.removeChild(div); — div всё ещё в памяти. Или: event listener на удалённом элементе, closure удерживающая DOM node, кеш элементов. Диагностика: DevTools → Memory → Heap snapshot → фильтр "Detached". Решение: обнуляй ссылки, удаляй listeners, очищай кеши. В React это реже — React управляет DOM, но ref на удалённые элементы может течь.

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

Как тестировать i18n?