Публикации по теме 'lit-html'


И как он сравнивается с React и Vue.
С этой целью приступим! Изменить: (20.01.19) Обновите образцы кода и репозиторий, чтобы применить [email protected] и связанные обновления к доступному там API. Эти изменения включают, помимо прочего, предварительно установленный this контекст прослушивателей событий на основе шаблона , поддержку adoptedStyleSheets , обновленные метаданные свойств и сериализацию типов по умолчанию . За стандартную неделю работы инженера-программиста вам будет трудно избежать пары хороших..

Серия Lit library — 1: Глубокое погружение в библиотеку lit-html
Цель этой серии блогов — углубиться в библиотеку Lit и получить всестороннее представление о ее уникальных функциях и о том, чем она отличается от других библиотек и фреймворков на рынке. Эта серия разделена на три части, посвященные таким темам, как 1. Как работает lit-html? 2. Как Lit Element выполняет пакетное обновление DOM? 3. Сравнение и бенчмаркинг Lit с другими фреймворками и библиотеками, а также его возможные варианты использования. В этом конкретном блоге мы..

Как создать «Redux» (и веб-приложение), используя концепции функционального программирования в JavaScript: части 1…
Часть 1 Эта статья будет разделена на несколько частей; введение в концепции функционального программирования, создание и тестирование «Redux», построение логики состояния, а также объединение всего этого и рендеринг в DOM. Первая часть в основном теоретическая. Введение В этой статье мы рассмотрим концепции функционального программирования в JavaScript при создании небольшого веб-приложения. Я говорю исследовать, потому что это только ради обучения. Мы создадим небольшое приложение..

Создание простого веб-приложения с использованием шаблона наблюдателя
Вы, наверное, слышали о шаблоне наблюдателя ; возможно, вы использовали его, если раньше когда-либо разрабатывали интерфейсную среду Javascript. В самом простом виде это может выглядеть так: class Observable { constructor() { this.observers = [] } subscribe(observer) { this.observers.push(observer) } unsubscribe(observer) { this.observers = this.observers.filter(obs => { return obs != observer }) }..

Анонс открытого туалета
Анонс открытого туалета Рекомендации по открытым веб-компонентам Всем привет! 👋 Мы `open-wc`, коллектив энтузиастов открытого исходного кода и веб-компонентов. Мы считаем своей целью предоставить каждому мощную и проверенную в боевых условиях установку для создания и обмена веб-компонентами с открытым исходным кодом. Многие веб-разработчики испытали ужасную «усталость от Javascript». Мы надеемся, что наши рекомендации обеспечат вам душевное спокойствие благодаря тому, что у вас..

Вопросы по теме 'lit-html'

Как я не могу импортировать освещенный HTML с веб-сайта узла
Привет, над небольшим проектом, над которым я работаю, пытаясь изучить узел, у меня есть запрос на получение узла, который читает HTML-файл главной страницы, а затем отправляет его, На сайте HTML у меня есть тег скрипта (с типом = модуль), и в...
108 просмотров
schedule 17.09.2022

Привязка Lit-Element к svg-изображению. TypeError: Не удается прочитать свойство «разделить» на ноль
Я пытался привязать простой URL-адрес (строку) к тегу изображения внутри элемента svg. Но я получаю следующую ошибку: TypeError: Cannot read property 'split' of null и в браузере не отображается изображение. Изображение, а также привязка работают...
1061 просмотров

как отображать объекты в компоненте litelement
Я хотел бы знать, как отобразить два разных значения объекта в компоненте светового элемента. render() { ${this.providerList.map(function (provider) { ${this.query.map(function (query) { return html` <div class="card...
256 просмотров

Лучшие практики интернационализации / локализации с lit-element / lit-html
Спасибо за чтение. Я новичок в полимере / освещенном элементе, lit-html. Я начал со стартового набора PWA. И, к моему удивлению, здесь используются не полимерные элементы, а световые элементы. Я попытался применить поведение локализации...
1204 просмотров

Где находится световой элемент состояния и setState?
Исходя из фона реакции, мне было интересно, где эквивалент состояния и setState в lit-element, я не смог найти ничего полезного в документах lit-element. это частная собственность? или requestUpdate ?
652 просмотров

как реализовать пакет lit-element-bootstrap в lit-lement
Я хотел бы реализовать пакет lit-element-bootstrap в lit-element. Я получаю следующую ошибку в консоли, Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for...
492 просмотров
schedule 08.08.2023

Использование полимерной службы с локальным сервером API
Я хочу использовать polymer serve для обслуживания моего приложения LitElement во время разработки, не дожидаясь завершения polymer build после каждого изменения. Однако приложение использует относительные URL-адреса для доступа к API, например...
499 просмотров
schedule 18.04.2024

Корень тени LitElement после события загрузки стилей
У меня проблема, мне нужно обработать событие после того, как стили CSS были загружены в мой компонент. Я пытался использовать жизненный цикл освещенных элементов, но они все равно запускаются слишком рано. Я пытаюсь получить начальную позицию...
486 просмотров

Как добавить миксин для высоты в текстовое поле mwc?
Я использую полимер 3 и элемент освещения (2.2.1). Версия mwc-textfield — 0.13.0. Я прочитал документацию, относящуюся к этой версии. В этой документации , я обнаружил, что мы можем добавить миксин для высоты. Я пробовал несколько способов, но не...
1173 просмотров

lit-element: appendChild элемента ul в constructor () отображается в неправильной позиции dom
Попытка создать инкапсулированный список задач с освещенными элементами. В качестве первого шага пытаемся создать элемент ul, а затем добавлять элемент li при каждом нажатии кнопки. Хотя я могу заставить это работать, начав с предварительного...
831 просмотров
schedule 29.05.2023

Пользовательские средства доступа к свойствам в LitElement
Чтобы научиться писать собственные средства доступа к свойствам, я пытаюсь создать средства доступа к свойствам с таким же поведением, что и средства доступа по умолчанию. Я использую пример из этих документов здесь , но я пытается заставить его...
284 просмотров
schedule 20.10.2022

Как разделить асинхронный метод между компонентами - LitElement
Я пытался создать пару компонентов, используя lit-element , где я использовал метод async, который будет использоваться для fetch тех же данных из API. Утилита: async resolveData() { let response = await fetch('./emp-data.json');...
135 просмотров
schedule 21.05.2023