Observation d'attributs dans un composant personnalisé
السيناريو
Contexte : Un composant doit afficher dynamiquement une valeur passée via attribut HTML. Le Problème : La modification de l'attribut ne met pas à jour le contenu affiché. Contraintes : Utiliser observedAttributes et attributeChangedCallback. Code actuel : class UserCard extends HTMLElement { connectedCallback() { this.innerHTML = `<p>${this.getAttribute('name')}</p>`; } } customElements.define('user-card', UserCard); Livrable attendu : Implémenter la gestion correcte des attributs afin que le composant se mette à jour dynamiquement.
المهارات المستهدفة
حالات تطبيقية أخرى في Web Components
- Optimisation d'un composant avec Shadow DOM et styles partagésمتقدم
- Isolation avancée et communication cross-shadow sécuriséeخبير
- Synchronisation réactive d'attributs et propriétés dans un composant personnaliséمتقدم
- Optimisation des styles partagés via Constructable Stylesheetsخبير
- Communication bidirectionnelle entre composants Webمتقدم
- Architecture d'un système de composants Web modulaires interconnectésخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى