Публикации по теме '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 просмотров
schedule
27.05.2023
Использование 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 просмотров
schedule
31.05.2023
Модульное тестирование 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 просмотров
schedule
02.05.2023
Выбрасывание шутки 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 просмотров
schedule
17.03.2022
Событие Bubbled в StencilJs не имеет правильного event.target
Некоторое время назад я начал с Stencil, а сегодня провел эксперимент с всплыванием событий.
По сути, я щелкнул дочерний элемент и прослушал его родительский элемент в поисках mousedown . Я ожидал, что event.target будет моим дочерним...
634 просмотров
schedule
16.04.2023
импортировать трафарет в Svelte
У меня есть Monorepo со стройным проектом и библиотекой компонентов Stencil. На веб-сайте Stencil очень четко описано, как интегрировать библиотеку, например, с Angular
import { defineCustomElements } from 'test-components/loader';...
1787 просмотров
schedule
06.12.2022
Компонент StencilJS с включенным теневым доминированием не генерирует вспомогательные классы CSS для динамически добавляемых элементов в IE11 / Edge.
Я создал новый проект, используя стартер компонентов трафарета. Внутри моего компонента я использую внешний JS nouislider , который вставляет элементы HTML в мой div ( this.slider ref) :
...
componentDidLoad() {...
1447 просмотров
schedule
13.03.2024
Как использовать внешнюю стороннюю библиотеку в Stencil.js
У меня есть компонент Stencil, и в рамках его бизнес-логики мне нужно использовать внешний файл Javascript mylib.js . Файл Javascript содержит некоторую бизнес-логику, которую должен использовать компонент Stencil.
Вот мой компонент:
import {...
2792 просмотров
schedule
22.04.2022
Использование событий из 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 просмотров
schedule
01.05.2022
Как использовать карту на объекте в трафарете
В index.html данные передаются в компонент трафарета
<app-root
data="{[email protected],[email protected]}"
</app-root>
Компонент трафарета корневого каталога приложения
import { Component, h, Prop } from...
186 просмотров
schedule
04.05.2024