Glossary

Avaa ChatGPT:ssä

DOM

DOM (Document Object Model) on ohjelmointi rajapinta verkkodokumenteille. Se esittää sivun rakenteen objektipuun muodossa, jossa jokainen solmu vastaa HTML-elementtiä. JavaScript ja verkkokehykset käyttävät DOM:ia dynaamisesti pääsemään käsiksi ja muokkaamaan verkkosivujen sisältöä, rakennetta ja tyylittelyä.

Shadow DOM

Shadow DOM on verkkostandardi, joka mahdollistaa DOM:in (Document Object Model) ja CSS:n kapseloinnin tietyn elementin sisälle, jota kutsutaan varjopuuksi. Tämä eristetty DOM ja CSS ovat erillisiä pääasiakirjan DOM:ista, luoden tehokkaasti rajatun alueen komponentille. Shadow DOM auttaa luomaan itseensä sulautuvia, uudelleenkäytettäviä verkkokomponentteja, joita voidaan lisätä verkkosivulle ilman huolta muiden tyylien ja skriptien konflikteista sivulla.

Se tuo myös mukanaan ominaisuuksia, kuten varjopuoliskot ja slotit, jotka sallivat kehittäjien altistaa tiettyjä osia varjopuusta mukautettavaksi pääsivun toimesta. Tämä tarjoaa joustavan tavan siirtää sisältöä komponenttiin ja mukauttaa sen ulkoasua samalla, kun säilytetään kapselointi.