Публикации по теме 'web-components'
Переворачиваемая карта, созданная с помощью пользовательского веб-компонента.
Недавно наткнулся на пользовательские веб-компоненты . Хоть я и давний разработчик, но не знал об их существовании 🙈. В основном они позволяют создавать собственные HTML-теги.
Я пытался воссоздать карты трофеев PlayStation , где мне нужна была переворачиваемая карта. Я знаю, что React основан на компонентах, но я хотел создать свой собственный компонент на простом JavaScript и HTML и быстро обнаружил, что пользовательский веб-компонент — это то, что нужно.
Я прочитал кое-какую..
Давайте построим вещь! (Первая часть)
Моя текущая скорость ведения блога не фантастична . У меня очень хорошие намерения, но я неизменно:
Перестаньте делать «рабочие» дела вне рабочей недели, чтобы я мог дать отдохнуть своему бедному мозгу. В последнее время я могу делать это с разумным успехом, узнав, как нельзя справляться с выгоранием! Погрузитесь в подготовку к певческим конвенциям/шоу с моим припевом из парикмахерской (бесстыдная пробка, но мне все равно) . Увлекитесь изучением технологий, чтобы удовлетворить..
Десять главных причин использовать Polymer LitElement
LitElement - это следующая версия Polymer 3.0. Я собирался сказать «следующая эволюция», но это было бы неправильно. А? Технически это «деэволюция». На мой взгляд, команда Polymer взяла все, что они узнали о Polymer, и разделила это до лучших частей, добавила столь необходимую выразительность в шаблонную модель и выбросила все остальное в пользу более простого и быстрого.
Когда мне следует использовать LitElement по сравнению с другим фреймворком JavaScript?
LitElement легкий,..
Три уникальные особенности гибридного шаблонизатора, о которых вы должны знать
Для всех вас, кто еще не знает, гибриды — это библиотека JavaScript для создания веб-компонентов. Он использует уникальный гибридный подход, основанный на простых объектах и чистых функциях. Эта статья является четвертой в серии статей об основных функциях библиотеки.
До сих пор мы рассмотрели, как отказаться от классов и переключиться на полную мощь простых объектов. Мы узнали больше о механизме кэширования и обнаружили, как последние изменения сделали библиотеку еще быстрее и..
Веб-компоненты мертвы?
Недавно я опубликовал статью с другим вопросом на похожую тему: Заменят ли веб-компоненты интерфейсные фреймворки? Большинство из нас сказали бы НЕТ . Но каков ваш ответ на более спорный вопрос о том, есть ли будущее у веб-компонентов ?
Давайте увеличим масштаб и посмотрим, почему одни говорят, что веб-компоненты уже умерли, а другие думают, что за ними будущее веб-разработки.
Введение
В 2012 году, когда W3C запустил первую спецификацию веб-компонентов, многие ожидали, что..
Нежное введение в веб-компоненты
Здесь я дам небольшое введение в веб-компоненты. Читатели, плохо знакомые с Javascript, могут извлечь пользу из этой статьи. Это может стать отправной точкой для изучения веб-компонентов Salesforce Lightning (LWC).
Классы в Javascript
// Definitions
class Person {
constructor (name, city ) {
this.name = name;
this.city = city;
}
}
class Customer extends Person {
constructor (name, city, amount) {
super(name, city);
this.amount = amount;
}..
Как создать настраиваемую кнопку веб-компонента с помощью CW
Если вы когда-либо пытались реализовать универсальную кнопку самостоятельно, вы быстро будете перегружены опциями и вещами, которые необходимо учитывать, чтобы иметь кнопку, которая будет соответствовать вашим потребностям, будучи настраиваемой и достаточно универсальной для индивидуального использования. Это становится еще сложнее, когда вам нужно интегрировать его и с другими компонентами.
Несколько вещей, чтобы рассмотреть