Публикации по теме 'stenciljs'


Интеграция Firebase с PWA, созданным по трафарету
Нажмите здесь, чтобы опубликовать эту статью в LinkedIn » Некоторые приложения полагаются исключительно на локальные данные, чтобы обеспечить удобство работы пользователей. Лично я не знаю, что это за приложения, но уверен, что они существуют. Но общий опыт таков, что когда вы создаете мобильное приложение, вы сталкиваетесь с точкой, когда вам нужно начать интеграцию серверной части в это приложение. Вы можете создать свой собственный бэкэнд, но это может занять значительное..

Вопросы по теме 'stenciljs'

Прослушивание событий глобального окна в stencilJS
Допустим, у меня где-то в приложении есть что-то подобное: var event = new Event('build'); window.dispatchEvent(event); В документации stencilJS говорится, что вы можете прослушивать глобальные события следующим образом:...
3727 просмотров
schedule 19.02.2022

Навигация с новым Ionic (версия 4)
До Ionic3 он был тесно связан с Angular.js. Так что, вероятно, навигация выполнялась некоторыми функциями Angular.js. Я могу ошибаться, так как раньше не работал с Ionic или Angular.js. Ionic4 не зависит от фреймворка, написан с помощью...
488 просмотров
schedule 11.12.2022

Как работают методы жизненного цикла компонента эффекта Shadow DOM в stenciljs
Я пытаюсь понять, как использование Shadow DOM влияет на методы жизненного цикла компонентов в Stenciljs. Я установил следующий пример в стартовом приложении Stencil. <body> <my-app> <component-a> <component-c...
211 просмотров
schedule 01.03.2022

Компонент Ionic4 - Меню: должен иметь элемент «контент» для прослушивания событий перетаскивания.
У меня есть следующий код: <!doctype html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" />...
21856 просмотров

Использование lodash с stenciljs
Я пытаюсь импортировать lodash в свой компонент stenciljs. Я пробовал несколько способов и просматривал множество решений по этому поводу, но мне не повезло. Я пытался импортировать следующими способами: import * as _ from 'lodash'; import _...
364 просмотров
schedule 17.07.2022

StencilJS | Импорт стороннего скрипта в компонент
Я пытаюсь использовать сторонний скрипт в компоненте Stencil, который я скопировал в каталог сборки. Я намерен использовать автономные компоненты на различных веб-сайтах. Я не создаю приложение Stencil. stencil.config.ts export const config:...
840 просмотров
schedule 14.03.2022

Сбой динамического импорта с помощью stencil js
У меня есть некоторые веб-компоненты, созданные с использованием stenciljs. Когда я включаю их в html с самого начала, все работает нормально, см. Пример <codext-gradient-button color="darkblue" class="hydrated">Gradient Button -...
884 просмотров
schedule 18.11.2022

Реагировать на рендеринг внутри веб-компонента Stencil
Это, вероятно, немного сложно - я хочу визуализировать React внутри веб-компонента, подготовленного с помощью Stencil, но получаю сообщение «Неизменяемое нарушение: целевой контейнер не является элементом DOM».: import { Component, Prop } from...
840 просмотров

Модульное тестирование StencilJS с использованием ошибки выброса Jest
Тестовый пример Jest для прослушивания события click , испускаемого дочерним элементом, выдает ошибку expect(jest.fn()).toHaveBeenCalled() Expected number of calls: >= 1 Received number of calls: 0 // .spec.ts код import {...
868 просмотров
schedule 14.03.2024

Какова цель созданных папок в dist/folder в StencilJS?
Я работаю с веб-компонентами, используя stenciljs . Это отличная библиотека для создания веб-компонентов, которые мы можем повторно использовать где угодно. Мне было интересно, как работает компилятор трафаретов. Я имею в виду, что когда я создаю...
835 просмотров

Выбрасывание шутки TypeError: this.inputEl.focus не является функцией # 1964
Версия трафарета: @stencil/[email protected] Шутливая версия: "jest": "24.8.0" Текущее поведение: Я пытаюсь сфокусировать элемент ввода на нажатии кнопки. Это работает нормально, однако при попытке протестировать...
1209 просмотров
schedule 25.04.2024

Трафарет - глобальный CSS не интегрируется в React
Следуя здесь документов Stencil, я создал несколько глобальных переменных CSS в src / global / variables.css. В настоящее время это единственный файл CSS в этом каталоге. Я пытаюсь использовать свои компоненты в React. Переменные компоненты /...
672 просмотров

Событие Bubbled в StencilJs не имеет правильного event.target
Некоторое время назад я начал с Stencil, а сегодня провел эксперимент с всплыванием событий. По сути, я щелкнул дочерний элемент и прослушал его родительский элемент в поисках mousedown . Я ожидал, что event.target будет моим дочерним...
634 просмотров

импортировать трафарет в Svelte
У меня есть Monorepo со стройным проектом и библиотекой компонентов Stencil. На веб-сайте Stencil очень четко описано, как интегрировать библиотеку, например, с Angular import { defineCustomElements } from 'test-components/loader';...
1787 просмотров

Компонент StencilJS с включенным теневым доминированием не генерирует вспомогательные классы CSS для динамически добавляемых элементов в IE11 / Edge.
Я создал новый проект, используя стартер компонентов трафарета. Внутри моего компонента я использую внешний JS nouislider , который вставляет элементы HTML в мой div ( this.slider ref) : ... componentDidLoad() {...
1447 просмотров

Как использовать внешнюю стороннюю библиотеку в Stencil.js
У меня есть компонент Stencil, и в рамках его бизнес-логики мне нужно использовать внешний файл Javascript mylib.js . Файл Javascript содержит некоторую бизнес-логику, которую должен использовать компонент Stencil. Вот мой компонент: import {...
2792 просмотров

Использование событий из StencilJS в ReactJS с помощью React Hooks?
Кому-нибудь удалось найти способ использования пользовательских событий, созданных в StencilJS, в ReactJS с использованием хуков React useRef () и useEffect ()? Я просмотрел документацию StencilJS для этого, они охватывают это только для массивов и...
374 просмотров
schedule 06.03.2022

Показать четыре разных логотипа автомобилей в Webcomponent / Stencil.js
Я новичок в веб-компонентах и ​​Stencil.js, и я работаю над приложением, которое предоставляет подробную информацию об автомобиле относительно выбора типа автомобиля пользователем. Мне нужно показать четыре разных логотипа в соответствии с ответом с...
123 просмотров
schedule 02.02.2023

Попытка имитировать состояние Stenciljs store (@ stencil / store) (несколько раз) при написании модульного теста для веб-компонентов
Я работаю над написанием модульных тестов для веб-компонентов. Эти веб-компоненты созданы с использованием Stenciljs . StencilJS использует Jest для определения и запуска этих модульных тестов. Кроме того, я новичок в Jest и StencilJS, поэтому мои...
700 просмотров

Как использовать карту на объекте в трафарете
В index.html данные передаются в компонент трафарета <app-root data="{[email protected],[email protected]}" </app-root> Компонент трафарета корневого каталога приложения import { Component, h, Prop } from...
186 просмотров
schedule 04.05.2024