Rol uw eigen HTML met de Componenten van het Web
Sluit zich aan bij Raymond Camden, Sr. Ontwikkelaarsgoeroe bij Adobe, om de grondbeginselen van de Componenten van het Web, met inbegrip van douaneelementen, DOM van de Schaduw, en malplaatjes van de HTML te leren. Ontdek praktijkvoorbeelden zoals het insluiten van PDF en het bouwen van sorteerbare lijsten om uw toepassingen met herbruikbare, moderne oplossingen te verbeteren.
Communautaire discussie
Ga verder het gesprek in de Gemeenschap van Adobe Developers Live bespreking .
Key Takeaways
- Inleiding aan de componenten van het Web van de Componenten van het Web staat ontwikkelaars toe om de elementen van de douaneHTML met hun eigen blik en interactiviteit tot stand te brengen, die gebruikend JavaScript worden bepaald.
- {de componenten van het Web van de Technologieën van de Kern van 0} worden gebouwd gebruikend drie kerntechnologieën douaneelementen, schaduw DOM, en de malplaatjes van HTML.**
- de Elementen van de Douane van de Elementen van de Douane laten de verwezenlijking van nieuwe markeringen van de HTML toe. Zij moeten kebab-geval gebruiken en een streepje omvatten. JavaScript-klassen worden gebruikt om hun gedrag te definiëren.
- DOM van de Schaduw het schaduw DOM verstrekt inkapseling voor de DOM boom van een component, die CSS lekkage verhindert en voor meer gecontroleerd het stileren toestaat.
- de Malplaatjes van HTML de malplaatjes van de HTML staan voor de definitie van HTML en CSS toe die kunnen worden gekloond en aan DOM worden toegevoegd. De presentator geeft echter de voorkeur aan sleuven boven sjablonen voor een betere distributie en flexibiliteit.
- Attributen en de elementen van de Douane van Gebeurtenissen kunnen attributen en gebeurtenismanagers, zoals connectedCallback en disconnectedCallback hebben, om hun gedrag te beheren wanneer toegevoegd of verwijderd uit DOM.
- Sleuven Sleuven staan voor de toevoeging van inhoud aan webcomponenten toe, die zowel standaard als benoemde groeven voor flexibeler inhoudsbeheer ondersteunen.
- Voorbeelden 1} van de Voorbeelden van 0} in real time omvatten een PDF ingebedde kijker, beeldplaceholders, en een lijstsorteerder, die praktische toepassingen van Webcomponenten aantoont.
- de componenten van het Web van de Verbetering van 0} de Progressieve {kunnen bestaande HTML verbeteren zonder functionaliteit te breken als JavaScript er niet in slaagt te laden.
- Volgende Stappen en Middelen De presentatie stelt voor het onderzoeken van vormparticipatie, verklarende schaduw DOM, de attributen van de douaneHTML, en server-zij het teruggeven voor. De middelen omvatten MDN, webcomponents.org, en het boek "Componenten van het Web in Actie"door Ben Farrell.
recommendation-more-help
3c5a5de1-aef4-4536-8764-ec20371a5186