Публикации по теме custom-elements

Публикации по теме 'custom-elements'

5 вопросов о веб-компонентах

5 вопросов о веб-компонентах В этой статье мы постараемся ответить на следующие вопросы, связанные с веб-компонентами: Что такое веб-компоненты? Каковы некоторые из основ веб-компонентов? Каковы некоторые приложения веб-компонентов? Каковы некоторые ограничения веб-компонентов? Простое демо. Что такое веб-компоненты? Проще говоря, веб-компоненты используются для создания пользовательских HTML-элементов или расширения существующего HTML-элемента (для обеспечения ваших..

Преобразуйте свое приложение в Angular Element!

Элементы Angular — это компоненты Angular, упакованные как настраиваемые элементы (также известные как веб-компоненты). Веб-стандарт для определения нового HTML-элемента независимо от фреймворка. — Угловые документы Говоря о веб-компонентах , существует набор API-интерфейсов веб-платформы, которые позволяют нам создавать новые настраиваемые, повторно используемые и инкапсулированные теги HTML, которые можно встраивать в любые веб-страницы или платформы, работающие на JavaScript...

Расширение нативных элементов

Если вы знакомы с Веб-компонентами или Пользовательскими элементами , возможно, вы слышали, что вы можете расширять не только HTMLElement , но и другие нативные элементы, такие как HTMLInputElement . class myInput extends HTMLInputElement { ... } customElements.define("my-input", myInput, { extends: 'input' }); и используется так: <input type="text" is="my-input"> Преимущества расширения существующего нативного элемента многочисленны:..

Раскрытие возможностей пользовательских элементов HTML: выход веб-разработки на новый уровень

В постоянно меняющемся ландшафте веб-разработки потребность в создании многоразовых и модульных компонентов становится все более важной. Пользовательские HTML-элементы обеспечивают мощное решение этой проблемы, позволяя разработчикам определять свои собственные HTML-теги с настраиваемой функциональностью. В этой статье мы рассмотрим концепцию пользовательских элементов HTML, их преимущества, способы их эффективного создания и использования, а также рассмотрим несколько функций по умолчанию,..

Codelab - веб-компоненты в Angular

Ссылка на Code Lab: https://ng-codelab-webcomponents.netlify.com В этом небольшом сообщении в блоге я рассмотрю лабораторию кода , которую я создал для объяснения того, как создавать веб-компоненты с использованием элементов Angular, понимания различных спецификаций веб-компонентов, а затем возможности их использования в некоторых другие фреймворки. В феврале я буду говорить на двух конференциях на тему « Фреймворк-независимые веб-компоненты в Angular » примерно по 25–30 минут..

Аргументы в пользу нестандартных элементов: часть 2

В этом посте я расскажу о некоторых функциях, которые делают пользовательские элементы привлекательными, если вы планируете создать собственную библиотеку компонентов. Я также коснусь идей, которые часто упускаются из виду при обсуждении пользовательских элементов, таких как их способность работать с Virtual DOM и отображаться на сервере. Ознакомьтесь с частью 1, если вы еще не успели ее прочитать . Функции Итак, какие интересные функции делают пользовательские элементы лучше, чем..

Реактивное состояние для данных и DOM

Обновлять все шаблоны, описанные в этом посте, были объединены в модуль reactive-props , который можно настроить для любого варианта использования. Некоторые шаблоны могут быть удобными, не требуя тяжелых библиотек или фреймворков! Этот пост представляет собой прогулку по реактивным подходам и всем деталям, которые следует учитывать при принятии того или иного. Свойство Accessor Первое, что нам нужно понять, это то, как работает реактивная парадигма, которую можно резюмировать..