Egzamin zawodowyPortal części pisemnej

INF.04 · pytanie 445

Technik programista

Co to jest shadow DOM?

  1. ATechnika stylizacji elementów w CSS przy użyciu cieni
  2. BMetoda renderowania grafiki 3D w przeglądarkach
  3. CWirtualny DOM używany przez biblioteki jak React i Vue.js
  4. DMechanizm enkapsulacji kodu HTML, CSS i JavaScript w komponenty webowePoprawna

Wyjaśnienie

Shadow DOM to technika pozwalająca na enkapsulację kodu HTML, CSS oraz JavaScript w komponentach webowych, co jest kluczowe w kontekście tworzenia aplikacji opartych na Web Components. Dzięki zastosowaniu Shadow DOM, elementy wewnętrzne komponentu są izolowane od reszty dokumentu, co eliminuje problemy z kolizjami nazw klas CSS oraz pozwala na tworzenie bardziej modularnych i wielokrotnego użytku elementów. Przykładem zastosowania Shadow DOM mogą być komponenty interfejsu użytkownika, takie jak przyciski czy karty, które zawierają własne style i logikę, nie wpływając na globalne style strony. To podejście jest wspierane przez standardy W3C i zalecane w projektach, gdzie skala i złożoność aplikacji wymaga wysokiej wydajności i organizacji kodu. Dobrze zaprojektowane komponenty z użyciem Shadow DOM mogą znacznie uprościć rozwój i utrzymanie aplikacji webowych, czyniąc je bardziej responsywnymi i dostosowanymi do różnych środowisk.