Описание тега web-component
Веб-компоненты - это многократно используемые клиентские элементы, созданные с использованием собственного кода или сторонних библиотек.
1
ответ
Полимерный удлинитель ввода
Я довольно новичок в Polymer, поэтому прошу прощения, если я делаю что-то глупое, но это не будет работать должным образом. <polymer-element name="x-input" extends="input" noscript> <template> <style> :host { width: 100%; padding: …
19 дек '14 в 00:12
2
ответа
Правильный способ создания пользовательских подэлементов с помощью X-Tag
Итак, я знаю, что библиотека веб-компонентов x-tag позволяет создавать пользовательские элементы, которые отображаются в HTML следующим образом: <x-my-custom-element>my content</x-my-custom-element> Однако, что если бы я хотел создать не…
30 дек '16 в 10:14
1
ответ
Атрибуты DOM и реакция
Я уже некоторое время использую веб-компоненты (в частности, полимер), и недавно пытаюсь разобраться с React. Я думал, что будет довольно много общего, хотя я не видел в React никакого способа повлиять на начальное состояние компонентов на основе ат…
05 май '16 в 16:01
1
ответ
Как внедрить шаблон, используя слот с привязкой данных в Polymer2
Я хотел бы внедрить шаблон рендеринга из родительского компонента в дочерний компонент, используя <slot> точки вставки. Внедренный шаблон содержит привязку данных к свойству дочернего компонента (my-child.data в этом случае). <dom-module id…
07 июн '17 в 12:12
1
ответ
Когда веб-компоненты совместимы в соответствии со спецификацией semver?
Говоря теоретически, я пытаюсь выяснить, когда линтер веб-компонента, читающий package.json для зависимостей веб-компонента JSPM, может определить, можно ли построить граф зависимостей веб-компонента без каких-либо дублирующих веб-компонентов на осн…
30 сен '16 в 19:03
1
ответ
Условный рендер JSX не обновляется в зависимости от изменения состояния
Я создаю компонент JSX с помощью StencilJS, и мой компонент не выполняет повторный рендеринг в зависимости от изменения его состояния. Я не имею понятия почему: import { Component, Prop, State } from '@stencil/core' @Component({ tag: "button-popover…
04 сен '18 в 15:11
1
ответ
Железная форма с полимером 2.0
У меня ошибка, я повторяю ошибку в jsbin: https://jsbin.com/micinalacu/1/edit?html,console,output Железная форма при отправке метода сериализации всегда возвращает undefined и вызывается два раза. <dom-module id="my-form"> <template> <…
28 мар '17 в 16:35
2
ответа
Почему attributeChangedCallback вызывается дважды?
Я строю простой пользовательский элемент, используя пользовательские элементы polyfill. Я зарегистрировал атрибут для просмотра (используя observedAttributes()), и когда я изменяю значение этого атрибута, функция attributeChangedCallback называется …
18 янв '17 в 11:27
1
ответ
Должен ли я использовать веб-пакет или только HTML-импорт при создании одностраничного приложения (в большом масштабе)
Я читал этот учебник об импорте HTML. Однако я стал более смущенным после этого. Я недавно прибыл из Angular 1 & 2 с некоторым React. Я прогрессировал на всех этапах развития JavaScript. Использование скриптов в шапке, чем require.js чем system.js и…
28 сен '17 в 20:45
1
ответ
Веб-компонент / HtmlElement: модульное тестирование
Я пытаюсь проверить веб-компонент. Вот моя структура проекта: ├── package.json ├── src │ ├── app.js │ └── index.html └── test └── hello-world-test.html Вот мой рабочий код: class HelloWorld extends HTMLElement { connectedCallback () { this.innerHTML…
24 ноя '18 в 23:13
1
ответ
Как передать параметры с помощью canvas в функцию (создание веб-компонента)
В настоящее время я работаю над веб-компонентами, и я только что создал один с chart.js, у меня он работает и отображается, но теперь я даже не знаю, с чего начать. Я хочу иметь возможность передавать параметры в свой холст, объявленный как: ctx.htm…
25 авг '16 в 07:14
1
ответ
webcomponents.js Shadow DOM: селектор хоста не работает в Safari и Firefox
Я попытался создать свой собственный веб-компонент с использованием полифилла с https://github.com/webcomponents/webcomponentsjs Вот мой код: им-list.html <template id="im-list-temp"> <style> :host { list-style-type: none; margin: 0; pad…
02 июн '15 в 14:57
1
ответ
Передать функции в компонент трафарета
Можно ли передать функцию stencilJs составная часть? Что-то вроде: @Prop() okFunc: () => void; У меня есть модальное и хочу динамически вызывать переданную функцию на Ok кнопка нажата в модальном нижнем колонтитуле, как onClick на обычной кнопке …
20 мар '18 в 15:16
2
ответа
Позднее "ручное" обновление элемента в сторону встроенного веб-компонента
У меня есть плагин jQuery (который я не хочу изменять), который динамически создает div, Кроме того, у меня есть веб-компонент scrollable-div, который является настраиваемым встроенным расширением от HTMLDivElement, Поскольку я не имею никакого конт…
24 июл '18 в 09:46
1
ответ
Полимер: разные стили основных кнопок
Я хочу добавить две основные иконки-кнопки: одна справа вверху (пользовательского) полимерного компонента открытки, а другая внизу в центре. Как мне это сделать? Текущий код применяется к обеим основным кнопкам (ниже). Есть ли способ квалифицировать…
02 мар '15 в 17:08
1
ответ
Могу ли я использовать Bluetooth или любое другое встроенное устройство в моем телефоне в PWA
Я новичок в Интернете, и я начал PWA (Progressive Web Apps), чтобы создавать вещи в Интернете. И вопрос в том, хочу ли я использовать в своем телефоне модуль GPS и Bluetooth, есть ли способ сообщить об этом? и использовать его в Интернете. Спасибо!
28 май '18 в 21:24
2
ответа
Совместное поведение между лениво загруженными частями приложения
Как демонстрирует Polymer Starter Kit или Polymer Shop, мы используем ленивую загрузку в нашем приложении Polymer. Это означает, что у нас есть макет на основе ящика, а оболочка приложения импортирует содержимое ящика, а также содержимое главной стр…
05 янв '17 в 14:05
1
ответ
Очистка слушателей событий в пользовательских элементах
При регистрации слушателей событий в attachedCallbackэто моя ответственность, чтобы убедиться, что они будут удалены в detachedCallback? Как показано в минимальном примере ниже, шаблон довольно предсказуем, поэтому мне интересно, возможно, браузер у…
30 янв '16 в 10:23
1
ответ
Как организовать состояния сложного компонента в Emberjs?
Пожалуйста, поправьте меня, если я ошибаюсь. Функция компонентов в ember кажется довольно простой. Во многих средах "компонент", вероятно, является чем-то вроде небольшого приложения, которое управляет своим собственным состоянием и предоставляет не…
21 мар '14 в 11:56
1
ответ
Полимерный элемент не отображается в Firefox
Я написал специальный полимерный элемент, который отлично работает в Chrome. Но это даже не появляется в Firefox. Я использую vulcanize для объединения всего в одном файле, даже платформы и полимера. Это основной индексный файл, который я призываю к…
09 сен '14 в 16:02