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 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 et manipuler dynamiquement 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 CSS isolés sont séparés du DOM principal du document, créant ainsi une frontière scoping 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 craindre de conflits avec d'autres styles et scripts sur la page.
Il introduit également des fonctionnalités telles que les parties d'ombre et les slots qui permettent aux développeurs d'exposer certaines parties de l'arbre d'ombre pour personnalisation par la page parente. Cela offre un moyen flexible de passer du contenu au composant et de personnaliser son apparence tout en maintenant l'encapsulation.