Siirry pääsisältöön

Glossary

Avaa ChatGPT:ssä

Shadow DOM

Shadow DOM on verkkostandardi, joka mahdollistaa DOM:n (Document Object Model) ja CSS:n kapseloinnin tietyn elementin sisällä, jota kutsutaan varjopuuksi. Tämä eristetty DOM ja CSS ovat erillisiä päädokumentin DOM:sta, luoden tehokkaasti rajatun alueen komponentille. Shadow DOM auttaa luomaan itsenäisiä, uudelleenkäytettäviä verkkokomponentteja, joita voidaan lisätä verkkosivulle ilman huolta konfliktista muiden tyylien ja skriptien kanssa sivulla.

Se tuo myös mukanaan ominaisuuksia, kuten varjopuoliskot ja slotit, jotka mahdollistavat kehittäjille tiettyjen varjopuun osien altistamisen mukauttamista varten vanhempisivulle. Tämä tarjoaa joustavan tavan siirtää sisältöä komponenttiin ja mukauttaa sen ulkoasua säilyttäen samalla kapseloinnin.