Glossary
DOM
Le DOM (Document Object Model) est une interface de programmation pour les documents web. Il représente la structure de la page sous la forme d'un arbre d'objets, où chaque nœud correspond à un élément HTML. JavaScript et les frameworks web utilisent le DOM pour accéder dynamiquement et manipuler le contenu, la structure et le style des pages web.
Shadow DOM
Le Shadow DOM est une norme web qui permet l'encapsulation du DOM (Document Object Model) et du CSS au sein d'un élément spécifique, connu sous le nom d'arbre d'ombre. Ce DOM et ce CSS isolés sont séparés du DOM principal du document, créant ainsi une frontière de portée pour le composant. Le Shadow DOM aide à créer des composants web autonomes et réutilisables qui peuvent être ajoutés à une page web sans se soucier des conflits avec d'autres styles et scripts sur la page.
Il introduit également des fonctionnalités telles que les parties d'ombre et les emplacements qui permettent aux développeurs d'exposer certaines parties de l'arbre d'ombre pour la personnalisation par la page parente. Cela offre un moyen flexible de transmettre du contenu dans le composant et de personnaliser son apparence tout en maintenant l'encapsulation.