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


Почему я перехожу к веб-компонентам и не оглядываюсь назад
Несмотря на то, что я занимаюсь веб-разработкой всего четыре года, кажется, это были самые бурные четыре года в истории этой дисциплины. Когда я только начинал, в моде были универсальные фреймворки, такие как Angular и Ember. Разработчики избегали схемы объединения различных библиотек, плагинов jQuery и легких модульных решений, таких как Backbone. Обещание этих фреймворков состояло в том, что они создадут свои собственные экосистемы совместимых компонентов, охватывающих все возможные..
Компоненты WebAuthn
О веб-аутентификации API веб-аутентификации (или сокращенно WebAuthn ) — это спецификация, написанная и опубликованная W3C и Альянсом FIDO . Атаки с фишингом и паролями могут уйти в прошлое благодаря использованию Credential Manager API , лежащего в основе WebAuthn. Веб-аутентификация предлагает лучшую альтернативу для защиты нашей конфиденциальной онлайн-информации и снижает влияние утечек данных. Криптография с открытым ключом существует уже полвека и является..
Создайте свой первый веб-компонент с помощью HTML, CSS и JS — Часть 1
Этот блог разделен на три части. В этой серии мы рассмотрим процесс создания веб-компонентов с помощью ванильного javascript. Мы рассмотрим такие темы, как слоты, шаблоны, атрибуты, события и стили в веб-компонентах, и погрузимся в функциональность теневого DOM. Что такое веб-компонент? В соответствии с определением MDN : Веб-компоненты — это набор различных технологий, позволяющих создавать повторно используемые настраиваемые элементы — с их функциональностью, изолированной от..
ackbar-snackbar: новый элемент закусочной на блоке!
‹ackbar-snackbar›  – это небольшой, очень простой в использовании и легко настраиваемый пакет npm для панели закусок/уведомлений. Он использует новейшие технологии, такие как веб-компоненты (lit-element), и в этой статье я хочу показать вам, как быстро добавить его в любой из ваших проектов. Вы можете найти его на npm здесь: ackbar-snackbar Вы можете протестировать его на песочнице здесь: ackbar-snackbar sandbox Как добавить его в свой проект Установите пакет..
Создание пользовательских элементов с помощью веб-компонентов для выборов 2020 года
Создание пользовательских элементов с помощью веб-компонентов для выборов 2020 года Не знаю, знали ли вы об этом, но сейчас выборы. В демократической гонке участвуют около 89 человек, и предстоит много праймериз, которые могут определить будущее нашей страны. Поэтому, когда PBS NewsHour обратился к нам в Upstatement , чтобы построить графики и диаграммы, которые они могли бы использовать на своем веб-сайте и транслировать, мы знали, что будущее нации лежит исключительно на наших..
B.Y.O.F. - Часть 2: Веб-компоненты как контейнеры
В этом посте я продолжаю свой путь по созданию современной JS Framework. В части 1, которую можно найти здесь , я описал ядро ​​современного JS Framework, которое можно разделить на 3 части. Эта статья посвящена первой части: контейнеру. Веб-компоненты должны быть одной из самых непонятых вещей в современной интерфейсной разработке на JavaScript. Ожидания здесь зашкаливают. Некоторые люди предвещают их, как будто они заменят все JS Framework. Другие сами пытаются рассматривать..
Заставляем ванильные пользовательские элементы v1 работать в IE11
Добро пожаловать в ад Polyfill 😱🔥🚒 Несмотря на то, что Microsoft мудро решила прекратить поддержку старых версий IE с января прошлого года, IE11 все еще существует (и, возможно, официально до 2015 года). Раньше количество пользователей IE11, несомненно, уменьшится, но на данный момент оно по-прежнему составляет 5,49% браузеров, обращающихся к нашему ресурсу, поэтому нам необходимо учитывать их. Webcomponentsjs Это легкая часть. Полифиллы доступны для обеспечения функциональности..