Źródło: Arkusze CKE
Co to jest shadow DOM?
Warianty odpowiedzi
-
A
Mechanizm enkapsulacji kodu HTML, CSS i JavaScript w komponenty webowe
-
B
Technika stylizacji elementów w CSS przy użyciu cieni
-
C
Wirtualny DOM używany przez biblioteki jak React i Vue.js
-
D
Metoda renderowania grafiki 3D w przeglądarkach
Wyjaśnienie
Shadow DOM to mechanizm w przeglądarkach, który zapewnia pełną izolację kodu HTML, CSS i JS wewnątrz danego komponentu.
W zwykłym kodzie CSS napisany dla jednego elementu może przypadkowo zepsuć wygląd innych części strony. Shadow DOM tworzy osobną, ukrytą gałąź drzewa DOM dla danego komponentu.
Dzięki temu style zdefiniowane wewnątrz komponentu nie wychodzą na zewnątrz, a style globalne strony nie ingerują w środek komponentu. To podstawa tworzenia nowoczesnych Web Components.