Публикации по теме 'web-components'
Открытый против закрытого теневого DOM
Из четырех спецификаций, созданных для веб-компонентов, Shadow DOM - одна из самых мощных. Shadow DOM позволяет автору компонента создать инкапсулированное дерево вложенной модели DOM для своего компонента.
В последней версии (V1) спецификации Shadow DOM представлена новая концепция при создании теневого корня: режим .
Чтобы создать теневой корень для элемента, вы вызываете метод attachShadow , предоставляя объект в качестве аргумента, который имеет обязательное свойство mode ...
Перезагрузка 2023: представьте, что вам не нужен интерфейсный фреймворк, пока вы его не сделаете
Все больше и больше людей осознают, что разработка на основе стандартов медленно, но неуклонно развилась до удивительно завершенного состояния .
У меня много дискуссий по поводу моего мнения о том, что вам не нужен интерфейсный фреймворк для всего, но прежде чем мы действительно сможем принять решение или пересмотреть свое мнение, когда мы все глубоко убеждены, что вы просто запускаете любую сеть. проект, выполнив выбранную команду начальной загрузки CLI, мы должны задать себе вопрос…..
Как думать о веб-компонентах
В настоящее время веб-компоненты работают. Многое было слышно о создании модульного пользовательского интерфейса, разбиении на компоненты структуры макета и связанных предметах.
Оказывается, создание компонента - это не просто наличие кода, который генерирует часть пользовательского интерфейса, и все! Нет! Компоненты выходят далеко за рамки этого, и я покажу вам, почему.
ПЕРВЫЙ принцип
Сфокусированный - Независимый - Многоразовый - Маленький - Тестируемый
Мне очень нравится..
7 паттернов для запуска диалоговых окон Polymer
Все шаблоны, которые мы использовали до сих пор для запуска диалогов с Polymer. Победитель: используйте миксины для повторного использования бизнес-логики и экземпляров диалогов.
Паттерн # 1: декларативные диалоги
Многие начальные примеры Polymer объявляют диалоги в шаблоне элемента:
<my-dialog id="dialog"></my-dialog>
<paper-button on-tap="open">Open</paper-button
...
open() {
this.$.dialog.open();
}
Обратной стороной является то, что шаблон..
Как: многоразовые «функции» в Salesforce Lightning
Делаем разработку быстрее и менее запутанной
Проблема:
Фреймворк Lightning построен таким образом, что простые повседневные проблемы становятся немного тривиальными и болезненными. Попытка написать код, использующий принцип SoC , становится обузой и кажется почти невозможной.
Решение?
Компоненты помощника! это компоненты многократного использования, которые будут использоваться в нескольких разных местах, прекрасный пример этого - вызов методов вершины, но прежде чем мы перейдем к..
Начало работы с новым проектом Lit в 2023 году
Узнайте, как создать веб-приложение с помощью Lit
Lit — это легкая, быстрая и современная библиотека веб-компонентов, которая позволяет разработчикам с легкостью создавать независимые от фреймворка повторно используемые компоненты пользовательского интерфейса. Однако начать работу с Lit и интегрировать его в новый проект может быть непросто.
Вот тут-то и появляется Bit .
В этой статье мы рассмотрим, как использовать Bit для создания нового проекта с Lit и эффективного создания..
Polyfill для использования веб-компонентов v0 со спецификацией v1
Полифилл, который может поддерживать использование пользовательских элементов спецификации v0 со спецификацией v1. С прекращением поддержки спецификации пользовательских элементов v0 в основных веб-браузерах, таких как Google Chrome и Microsoft Edge, пользовательские элементы, созданные с использованием спецификации v0, привлекли все внимание всех разработчиков.
Чтобы заставить работать пользовательские элементы v0, может помочь приведенный ниже полифилл. Существующие компоненты v0..
