Публикации по теме 'web-components'
Как я сделал Chart.js разумным, завернув его в веб-компонент
У меня есть крошечный веб-проект, который не приносит удовольствия, плохо работает, и я продолжаю работать над ним раз в полгода или около того (возможно, это его главная проблема). Одна из его функций связана с представлением множества данных, поэтому было бы здорово иметь диаграмму. Сначала я смотрел библиотеки для диаграмм, такие как Chart.js и Highcharts, и остановился на Chart.js из-за его лицензии. К сожалению, у него есть этот неинтуитивный API, который требует передать ему..
Веб-компоненты в крупных технологических компаниях: Github
Если предприятие может развертывать веб-компоненты, сможете и вы!
Сегодня я не хочу обсуждать заменят ли веб-компоненты Frontend Frameworks . Кроме того, я не горю желанием обсуждать, являются ли Frontend Frameworks будущим веб-разработки, так же как я не хочу обсуждать умерли ли веб-компоненты . В следующих статьях я сосредоточусь на крупных технологических компаниях, которые уже встали на путь веб-компонентов.
В следующих статьях я рассмотрю разные компании: Salesforce ,..
2023 Состояние веб-компонентов
Недавно я писал о том, как создать свой первый веб-компонент , а также о некоторой истории и объяснении основных спецификаций веб-компонента v1 . Но в мире веб-компонентов произошло гораздо больше с тех пор, как v1 достиг полной поддержки в 2020 году. И еще больше запланировано на будущее. Давайте взглянем на несколько примечательных примеров того, что было создано с использованием текущих стандартов, а также рассмотрим некоторые работы, связанные с новыми стандартами веб-компонентов в..
Почему веб-компоненты так важны
За последние пару лет вокруг веб-компонентов возникло много шума. Было сказано, что они изменят то, как мы создаем для Интернета - почему это делает веб-компоненты такими важными?
Веб-компонент - это стандартизированный способ создания инкапсулированных многоразовых элементов пользовательского интерфейса для Интернета.
Не новая концепция
Компоненты для Интернета существуют уже давно, в идее возможности писать многоразовый и переносимый код нет ничего нового.
Плагины jQuery..
Веб-компоненты с использованием Vanilla JS
Если вы какое-то время являетесь разработчиком, вы знаете ценность повторного использования элементов, которые вы создали ранее. Например, каждый раз, когда вы определяете свойства круга с заданным радиусом и цветом, вы можете написать что-то вроде этого
circle1.radius = 10;
circle1.color = 'red';
circle2.radius = 3;
circle2.color = 'blue';
Но ради чистоты кода создание функции было бы более традиционным.
circle1.update(10, ‘red');
circle2.update(3, ‘blue);
Мы можем объяснить..
7 аспектов веб-компонентов
Инкапсуляция, изоляция, разделение, модуляризация, распространение, настройка и документация
Веб-компоненты приносят пользу разработчику, предоставляя возможность разрабатывать части приложения, не беспокоясь о других проблемах.
Что касается компонентов, первое, что нужно понять, это то, что они в первую очередь не являются проблемой дизайна. То есть они не являются технологическим решением проблемы пользователя.
Так что сначала подумать о UI / UX - это отвлечься. Скорее, это..
Обмен данными между веб-компонентами с использованием пользовательских событий
Наделите свои веб-компоненты сверхспособностями и позвольте им общаться друг с другом
В качестве собственного решения для объединения логики представления в «сущность» веб-компоненты прекрасно работают. Они позволяют создавать сложные HTML-элементы, которые могут иметь богатое поведение благодаря включенному JavaScript, и о которых вам, как пользователю, не нужно беспокоиться.
Тем не менее, они просты, если вы думаете о них как об отдельных элементах. <Button> здесь,..