Что такое custom elements?

Senior
99 просмотров
AFK Offer AI

Custom Elements позволяют создавать новые HTML-теги через class, наследующий HTMLElement. Регистрируются через customElements.define('my-button', MyButton). Имеют lifecycle callbacks: connectedCallback (добавлен в DOM), disconnectedCallback (удалён), attributeChangedCallback (атрибут изменился). Имя обязательно содержит дефис (my-component). Можно расширять встроенные элементы: class extends HTMLButtonElement с is="my-button". Работают в любом фреймворке — это нативная технология.

Следующий вопрос

Зачем нужен MutationObserver?