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


Моя проблема с импортом HTML, вулканизацией, веб-компонентами, HTTP 2 и обычными сетями 3G
Я как бы понимаю основу Firefox в ожидании загрузки Javascript перед реализацией импорта html после того, как столкнулся с этой проблемой на собственном опыте. Отказ от ответственности Это мои мысли и беру на себя проблему. Возможно, я решил кое-что из этого здесь, или, возможно, я ошибся в этом. Пожалуйста, не стесняйтесь поправлять меня, если я сделал неправильные предположения или мысли. Задний план Итак, чтобы дать некоторую предысторию, я создал инжектор сценария для..
Пользовательские элементы V0 «grampafill»
Несмотря на то, что Custom Elements V0 устарела с 2014 года, это наиболее распространенная история из реального мира. Ежедневно используется в производстве такими проектами, как A-Frame или Google AMP , API Custom Elements V0 поставляется только в браузерах Google Chrome и на основе Chromium. Если вы работаете в Chrome, введите в консоль следующее, и вы увидите, что собственная функция регистрируется в журнале: document.registerElement Почему это все еще там? Единственный..
Маршрутизация для веб-компонентов
Иногда нам может казаться, что технология веб-компонентов не предназначена для замены популярных фреймворков. Но большинство наиболее востребованных функций можно легко реализовать с помощью сторонней библиотеки или небольшого количества собственного кода. Одной из таких функций является маршрутизация на стороне клиента. Он не всегда используется, но он есть в большинстве интерфейсных фреймворков, и разработчики его используют. И при чем здесь веб-компоненты? Давайте реализуем это сами,..
Ядро Ясности
Путь нашей дизайн-системы к независимости от фреймворка Две недели назад мы объявили о работе, которую мы делаем за кулисами по созданию Clarity Core, независимой от фреймворка дизайн-системы, основанной на веб-компонентах. На высоком уровне это пять наших ключевых целей и движущих сил: Ясность ориентирована на пользователя . Его шаблоны проектирования были и будут определяться нашими пользователями. Ясность - это стремление к доступности и инклюзивному дизайну . Clarity..
Хотите создать элементы Angular? Вот как!
Руководство «с нуля» по созданию веб-компонентов с помощью Angular (10 шагов) В последнее время было много разговоров о возможности создания веб-компонентов из обычного компонента Angular, но пока существует гораздо меньше практических примеров того, как создать такой компонент - в смысле фактического создания пакета. который вы можете просто добавить в html и получить рабочий настраиваемый элемент. В будущем это должно быть очень легко, но сейчас нам нужно обойтись ручным трудом...
Создание веб-компонентов - обратные вызовы жизненного цикла
Поскольку веб-приложения становятся все более сложными, нам нужен способ разделить код на управляемые части. Для этого мы можем использовать веб-компоненты для создания многоразовых блоков пользовательского интерфейса, которые мы можем использовать в нескольких местах. В этой статье мы рассмотрим крючки жизненного цикла веб-компонентов и способы их использования. Крючки жизненного цикла У веб-компонентов есть собственный жизненный цикл. В жизненном цикле веб-компонента происходят..
Компоненты Vanilla Web
Что такое веб-компоненты? Веб-компоненты - это настраиваемые, многоразовые веб-элементы, которые инкапсулируют функциональность, структуру разметки и стили с помощью стандартного javascript / HTML / CSS вместе с собственными веб-API. Пользовательские элементы обучают браузер новым трюкам, сохраняя при этом преимущества HTML - Эрик Бидельман Их можно использовать в шаблоне как обычные элементы HTML (например , <p> или <span> ). <body> <p>a..