Вопросы по теме 'custom-element'
В чем разница между `HTMLImports.whenReady` и` window.addEventListener ('WebComponentsReady', function (e) {`
В чем разница между HTMLImports.whenReady и window.addEventListener('WebComponentsReady', function(e) { ?
В официальной документации Polymer говорится:
«Чтобы определить элемент в вашем основном HTML-документе, определите элемент из...
2373 просмотров
schedule
30.11.2021
Как создать новый экземпляр расширенного класса настраиваемых элементов
Я пробую пример с сайта разработчиков Google и Я получаю сообщение об ошибке: "TypeError: недопустимый конструктор. Что случилось и как это исправить?"
class FancyButton extends HTMLButtonElement {
constructor() {
super(); // always call...
6379 просмотров
schedule
24.09.2021
Как добавить пользовательский элемент Html dom в слои Openlayer 3
Я использовал Google API Overlayviews. Мне удалось добавить пользовательские наложения с элементом div html в позиции latlng, используя значения пикселей.
USGSOverlay.prototype.draw = function() {
var overlayProjection = this.getProjection();
var...
2588 просмотров
schedule
15.10.2021
перемещение элемента из легкой DOM в ShadowDOM без отключения
Интересно, на правильном ли я здесь пути?
Цель: убедиться, что все элементы попадают в shadowDOM.
Итак, созданный вручную файл HTML
<cardts-pile>
<cardts-card>A</cardts-card>...
699 просмотров
schedule
02.12.2021
создавать собственные элементы в iframe
Поскольку импорт HTML еще недостаточно хорошо поддерживается (например, Firefox не планирует этого делать), я попытался имитировать его использование при импорте пользовательских элементов через iframe.
Я пытался сделать это путем загрузки сценария...
1132 просмотров
schedule
19.11.2021
Как создать и стилизовать стройные 3 пользовательских элемента с вложенными компонентами?
Я пытаюсь создать custom-element (веб-компонент) в svelte 3. Я не могу найти ни одного способ стилизовать вложенные компоненты из css. Svelte удаляет стили перед тем, как внедрить их в <style> внутри ShadowDOM.
Проблема в том, что я...
2433 просмотров
schedule
12.10.2021
Создание настраиваемого элемента с использованием shadow dom для CSS и Bootstrap 4
Я пытаюсь разработать собственный компонент, использующий всплывающее окно Bootstrap 4. В основном я хочу создать плавающую кнопку с настраиваемым CSS, на который не влияет CSS страницы, и убедиться, что при нажатии на кнопку отображается всплывающее...
996 просмотров
schedule
23.09.2021
Свойство ShadowRoot имеет значение null, несмотря на то, что открыто
Я пытаюсь получить доступ к ShadowRoot в моем элементе, и свойство element.shadowRoot возвращает null . ShadowDOM определяется как mode: 'open' , что правильно, я даже console.log(element) могу увидеть все свойства, а shadowRoot ЯВЛЯЕТСЯ...
2422 просмотров
schedule
11.03.2022
Стилизация пользовательских HTML-элементов
Я создал ванильный пользовательский элемент:
document.registerElement("my-el", { prototype: Object.create(HTMLElement.prototype) });
Элемент использует внутри Shadow DOM и теги <style> . Однако я хочу, чтобы пользователи определяли...
3693 просмотров
schedule
30.03.2022
Как сохранить имена тегов пользовательских компонентов в Vue.js
Я использую спецификацию однофайлового компонента Vue ( *.vue ) для пользовательских компонентов в моем приложении. Вместе с rollup и rollup-plugin-vue я наблюдал, что выходные данные в DOM для написанных мною пользовательских компонентов состоят...
1484 просмотров
schedule
28.03.2022
Могут ли атрибуты настраиваемых элементов быть CamelCased?
У меня есть собственный элемент с атрибутами:
class MyElement extends HTMLElement {
...
static get observedAttributes() {
return ["camelCaseAttribute"];
}
set camelCaseAttribute(a) {
this._a = a;
}
...
}...
843 просмотров
schedule
01.04.2022
Почему вложенный компонент не отображается в виде настраиваемого элемента со слотами?
Есть ли ограничения на компиляцию компонентов Svelte как пользовательских элементов? Например, можем ли мы вкладывать компоненты? И заполнить слоты в этих вложенных компонентах?
У меня проблемы с использованием компонента Svelte в качестве...
779 просмотров
schedule
07.04.2022
Селектор пользовательских элементов
Есть ли способ выбрать все пользовательские элементы с помощью CSS? Я хочу, чтобы все пользовательские элементы блокировали элементы по умолчанию (большинство браузеров делают их встроенными по умолчанию), а затем переопределяют это по мере...
3377 просмотров
schedule
12.04.2022
добавление изображения к пользовательскому элементу в Dart lang
Я делаю потрясающий пользовательский элемент значка, например, в дизайне материалов, и хочу добавить изображение (изображение значка), но не смог.
Я пробовал 3 подхода:
Добавление .src в shado.host
Добавление .src в ImageElement
Добавление...
355 просмотров
schedule
11.05.2022
Как пользовательские элементы в Knockout должны взаимодействовать со своими соавторами?
Я изо всех сил пытаюсь найти хороший способ заставить пользовательский элемент общаться с его окружением. Пока моя гугл-карма невелика, и я не нашел ничего, что бы описывало хорошую архитектуру для пользовательских элементов в Knockout.
Как...
142 просмотров
schedule
16.05.2022
Пользовательский стиль для веб-компонента vanilla JS
У меня есть этот компонент:
index.html
<html>
<head>
<title></title>
<meta charset="UTF-8">
<script src="clock.js"></script>
<style>
clock-digital div {...
256 просмотров
schedule
16.06.2022
Как использовать пользовательский элемент для переноса дочерних пользовательских элементов в div
Я пытаюсь создать пользовательский элемент-оболочку, который оборачивает свои дочерние пользовательские элементы в div.
Но дочерние элементы не завернуты. Вместо этого пустой элемент div вставляется в элемент-оболочку перед дочерними элементами....
1165 просмотров
schedule
12.06.2022
Пользовательские элементы имеют неправильный размер
Я создал пользовательский элемент для обработки передачи некоторых данных, и он отлично справляется. На данный момент я хотел бы добавить некоторые стили, чтобы мои пользовательские элементы вели себя как div. В частности, у меня есть таблица в...
142 просмотров
schedule
19.06.2022
Наблюдатели массива Polymer 1.0 при изменении привязки
Я пытаюсь наблюдать за изменениями в массиве объектов, которые передаются элементу Polymer. Когда в массив добавляется новый элемент, массив также изменяется в элементе Polymer. Однако метод наблюдателя никогда не вызывается.
Содержащий элемент...
5630 просмотров
schedule
25.06.2022
Как проксировать пользовательский элемент (веб-компонент)
class A extends HTMLElement {
constructor() {
super()
return new Proxy(this, {})
}
}
window.customElements.define('a-element', A)
<a-element></a-element>
Как я могу проксировать...
1590 просмотров
schedule
27.06.2022