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

Работал ли с Shadow DOM

Да, работал. Shadow DOM — это технология, позволяющая инкапсулировать стили и DOM-структуру компонента, изолируя их от основного документа. Используется в веб-компонентах. **Пример:** ```javascript const element = document.createElement('div'); const shadowRoot = element.attachShadow({ mode: 'open' }); shadowRoot.innerHTML = `

Текст внутри Shadow DOM

`; document.body.appendChild(element); ``` **Особенности:** - `mode: 'open'` — позволяет обращаться к Shadow DOM извне через `element.shadowRoot`. - `mode: 'closed'` — полностью закрывает доступ извне. - Стили внутри Shadow DOM не влияют на основной документ и наоборот. - Полезно для создания изолированных UI-компонентов. Использовал в кастомных элементах или библиотеках, например, в `LitElement`.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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