آموزش کامپوننت‌های وب: بررسی عمیق Shadow DOM - آخرین آپدیت

سرفصل ها و درس ها

ساخت یک المان سفارشی Create a Custom Element

• Shadow DOM چیست؟ What Is the Shadow DOM?

• ساخت یک المان سفارشی Create a Custom Element

• ساخت یک قالب (Template) Create a Template

• کپسوله‌سازی Encapsulation

• استفاده از اسلات‌ها (Slots) Use Slots

• استفاده از اسلات‌های نام‌گذاری شده Use Named Slots

استایل‌دهی در Shadow DOM Shadow DOM Styling

• استایل‌دهی کپسوله‌شده با :host Encapsulated Styling with :host

• سایر انتخاب‌گرهای Shadow DOM Other Shadow DOM Selectors

• استایل‌شیت‌های قابل ساخت (Constructible Stylesheets) Constructible Stylesheets

Shadow DOM و رویدادها Shadow DOM and Events

• رویدادها در المان‌های سفارشی Events in Custom Elements

• تغییر هدف رویداد (Event Retargeting) Event Retargeting

• ساخت یک رویداد سفارشی Create a Custom Event