Публикации по теме 'web-components'


MatcherJS - новый способ создания расширений DOM
Компонентная разработка - самый популярный подход к созданию веб-приложений в настоящее время. Истоки такой архитектуры появились много лет назад из таких фреймворков, как Angular, React и т. Д. Позже к компонентным подходам присоединились многие другие фреймворки, и даже сегодня у нас есть новая волна - веб-компоненты . Почему компоненты становятся такими популярными? Я не хочу углубляться в преимущества декларативного программирования по сравнению с императивным, но в целом я могу..
Создайте LitElement с нуля
Создайте LitElement с нуля с помощью polymer-cli Что такое ЛитЭлемент? LitElement является частью проекта Polymer, в частности, это класс javascript, который после расширения другим классом упрощает разработку пользовательских элементов html. Созданные таким образом компоненты можно использовать в любом приложении после компиляции. Процесс компиляции Одна из вещей, которые мне больше всего нравились в этих компонентах, - это процесс компиляции, для этого не обязательно..
Тестирование веб-компонентов
В этой короткой статье я покажу, как можно легко автоматизировать тестирование веб-компонентов (т.е. пользовательских элементов) и при этом почувствовать себя Чаком. Быстрое кодирование Давайте создадим наши первые веб-компоненты. В этом примере я выбрал очень простой ванильный веб-компонент, поскольку тестовой платформе не важно, как он реализован: все веб-компоненты взаимодействуют через один и тот же собственный API-интерфейс браузера. Давай протестируем Наши тестовые..
Введение в трафарет
Несколько недель назад на Polymer Summit 2017 команда Ionic Framework анонсировала новый компилятор, который создает собственные веб-компоненты. Компилятор называется Stencil и сочетает в себе множество аспектов из известных библиотек и фреймворков, таких как React и Angular. В этом посте я попытаюсь представить Stencil и то, почему я был рад взглянуть на него в первую очередь. Сага об API веб-компонентов Я уже несколько лет говорю об API веб-компонентов на конференциях и..
Как использовать полимер с FuseBox
Введение Впервые я начал использовать Веб-компоненты и Полимер почти 3 года назад. В то время WebComponents все еще были идеей, написание полимерных элементов в Dart все еще оставалось популярной идеей, а библиотека (теперь фреймворк, но скоро снова станет библиотекой) все еще находилась на расстоянии более полугода от производства. выпуск. Тем не менее, как разработчик, который прошел путь от jQuery до Knockout и Durandal , я влюбился в мечту о WebComponents как кросс-браузерной..
Хороший случай для Eval в JavaScript
Хороший случай для Eval в JavaScript Или: Как генерировать динамические html-теги внутри шаблонов lit-html? eval иногда путают с evil . Мы также иногда слышим, что есть случаи, когда это необходимо. Это один из таких случаев... Проект lit — это фреймворк для работы с веб-компонентами. В ярких версиях 1.x и 2.x мы сильно полагались на lit . Пока мы усердно работаем над Vivid 3.x, мы по-прежнему поддерживаем и добавляем функции в 2.x . Одной из таких функций было..
Создайте планировщик управления недвижимостью с помощью Bryntum, используя ванильный JavaScript.
Создание планировщика управления недвижимостью с помощью Bryntum с использованием ванильного JavaScript Компонент Bryntum Scheduler — это виджет управления ресурсами JavaScript, который вы можете использовать для управления сложными расписаниями. Это многофункциональное приложение с отличной производительностью, и вы можете настроить его в соответствии со своими потребностями. В этом руководстве мы создадим приложение для управления недвижимостью, чтобы отслеживать бронирование..