DOM

Объясни, что такое `createDocumentFragment()` и опиши преимущества производительности при его использовании для множественных вставок в DOM?

Можешь объяснить ключевые различия между событием `DOMContentLoaded` и событием `window.onload`, и описать, когда бы ты использовал каждое из них в веб-приложении?

Можешь объяснить, что такое Document Object Model (DOM) и как JavaScript использует его для манипуляции содержимым и структурой веб-страницы?

Какие основные методы для выбора элементов DOM в JavaScript, и чем они отличаются по производительности и типам возвращаемых значений?

Можешь объяснить ключевые различия между свойствами `innerHTML`, `textContent` и `innerText` в JavaScript и какие проблемы безопасности нужно учитывать при использовании каждого из них?

Какие ключевые различия между NodeList и HTMLCollection в плане их изменяемости, состава типов узлов и доступных методов?

Какие методы используются для создания, удаления и замены элементов DOM в JavaScript?

Можешь объяснить концепцию event delegation в JavaScript, включая то, как это работает с event bubbling и какие преимущества это дает в плане производительности и работы с динамическими элементами?

Можешь объяснить разницу между event bubbling и event capturing в JavaScript, включая то, как они отличаются по направлению распространения события и как указать, в какой фазе должен срабатывать listener?

Какие различия между `event.stopPropagation()` и `event.stopImmediatePropagation()`, и когда следует использовать каждый из них?

Можешь объяснить назначение метода `event.preventDefault()` в JavaScript и описать, чем он отличается от `event.stopPropagation()`?

Можешь объяснить различие между `event.target` и `event.currentTarget` в JavaScript и привести пример того, как они отличаются в сценариях event delegation?

Можешь объяснить методы добавления и удаления обработчиков событий в JavaScript, включая то, как работать с one-time event listeners?