Свързани публикации 'web-components'


Моят проблем с HTML импортиране, вулканизация, уеб компоненти, HTTP 2 и обикновени 3g мрежи
Донякъде разбирам основата на Firefox за изчакване как ще се зареди Javascript, преди да внедря html импортиране, след като изпитах този проблем от първа ръка. Опровержение Това са моите мисли и поемете проблема. Може да съм разбрал някои от нещата тук или да съм мислил погрешно за това. Моля, не се колебайте да ме коригирате, ако съм направил някои грешни предположения или мисли. Заден план И така, за да дам малко предистория, създадох инжектор на скриптове на вулканизиран..

Персонализирани елементи V0 „grampafill“
Въпреки че са отхвърлени от 2014 г., Custom Elements V0 са най-разпространената история в реалния свят, която можете да разкажете. Използван ежедневно в производство от проекти като A-Frame или Google AMP , Custom Elements V0 API се доставя само в Google Chrome и базирани на Chromium браузъри. Ако сте в Chrome, въведете следното в конзолата и вижте, че собствената функция е регистрирана: document.registerElement Защо това все още е там? Като единственият браузър с вградена..

Маршрутизиране за уеб компоненти
Понякога може да мислим, че технологията на уеб компонентите не е за замяна на популярни рамки. Но повечето от най-желаните функции могат лесно да бъдат доставени с библиотека на трета страна или малко количество собствен код. Една от тези функции е маршрутизирането от страна на клиента. Не винаги се използва, но повечето фронтенд рамки го имат и разработчиците го използват. И какво става с уеб компонентите тук? Нека сами да го внедрим с помощта на навигационната библиотека. Ако..

Clarity Core
Пътуването на нашата система за проектиране към независимостта на рамката „Преди две седмици обявихме работата, която вършим“ зад кулисите, за да изградим Clarity Core, независима от рамка система за проектиране, базирана на уеб компоненти. На високо ниво, това са нашите пет ключови цели и двигатели: Яснотата е фокусирана върху потребителя . Неговите дизайнерски модели са и ще продължат да се ръководят от нашите потребители. Clarity е отдадена на достъпност и приобщаващ дизайн..

Искате ли да създавате ъглови елементи? Ето как!
Ръководството „от нулата“ за създаване на уеб компоненти с Angular (в 10 стъпки) Напоследък имаше много от говори за възможността за създаване на уеб компоненти от обикновен Angular компонент, но досега има много по-малко практически примери за това как да се изгради такъв – в смисъл на действително създаване на пакета които можете просто да добавите към html и да имате работещ потребителски елемент. Би трябвало да е много лесно в бъдеще, но засега трябва да се задоволим с малко..

Създаване на уеб компоненти — Обратни извиквания на жизнения цикъл
Тъй като уеб приложенията стават по-сложни, имаме нужда от някакъв начин да разделим кода на управляеми части. За да направим това, можем да използваме уеб компоненти, за да създадем UI блокове за многократна употреба, които можем да използваме на множество места. В тази статия ще разгледаме куките за жизнения цикъл на уеб компонентите и как ги използваме. Куки за жизнения цикъл Уеб компонентите имат свой собствен жизнен цикъл. Следните събития се случват в жизнения цикъл на уеб..

Vanilla уеб компоненти
Какво представляват уеб компонентите? Уеб компонентите са персонализирани уеб елементи за многократна употреба, които капсулират функционалност, структура на маркиране и стил чрез използване на ванилен javascript/HTML/CSS заедно с естествени уеб API. Персонализираните елементи учат браузъра на нови трикове, като същевременно запазват предимствата на HTML — Ерик Биделман Те могат да се използват в шаблона като общи HTML елементи (напр. <p> или <span> )...