Вопросы по теме 'web-component'
Может ли Shadow DOM защитить мои элементы?
Цель: инкапсулированный виджет
Предположим, я разработчик виджета друзей для FakeBook™. Я предоставляю владельцам веб-сайтов виджет, который добавляет персонализированное сообщение на их страницы:
Ваши друзья Майкл, Анна и Ширли любят эту...
2367 просмотров
schedule
03.08.2022
Пользовательские события в веб-компонентах?
Я хочу реализовать свой собственный веб-компонент ввода текста, например:
<x-text autocomplete="{{ true }}"></x-text>
Дело в том, что когда пользователь выбирает элемент из списка автозаполнения, как мой веб-компонент может...
819 просмотров
schedule
26.01.2023
Автозаполнение / восстановление полей формы ввода, которые создаются динамически при навигации
Предположим, у меня есть элемент <input> на странице HTML. Когда я ввожу значение, перехожу на другую страницу и возвращаюсь назад, это значение обычно восстанавливается:
1) В Firefox все состояние страницы восстанавливается из-за BFCache:...
465 просмотров
schedule
17.08.2023
Инкапсуляция JavaScript с помощью WebComponents/ShadowDOM
Вероятно, простой вопрос, на который я действительно не нашел ответа:
Действительно ли ShadowDOM или WebComponents (как более крупный стандарт) также инкапсулируют JavaScript? Нравится иметь отдельные пространства имен для каждого компонента?...
1245 просмотров
schedule
20.04.2023
пользовательские элементы против пользовательских элементов веб-компонентов
Я только начал с пользовательских элементов, и, согласно этой статье, пользовательский элемент может быть определена следующим образом:
var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function () { ... };...
659 просмотров
schedule
12.03.2023
Использование шаблона, определенного в Light dom внутри полимерного элемента
Я пытаюсь переместить шаблон из DOM внутрь элемента.
Вот мои элементы:
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../polymer-ui-icon/polymer-ui-icon.html">
<polymer-element...
2876 просмотров
schedule
25.05.2023
Использование Polymer.dart для управления теневым DOM изнутри динамически добавляемого пользовательского элемента
Это минимальное полимерное приложение имеет «браузер», в котором хранятся «дорожки». Браузер должен иметь возможность вызывать render на своих дорожках. Когда дорожка визуализируется, она добавляет новый узел <p> в свой теневой DOM.
В...
423 просмотров
schedule
16.01.2023
Polymer — перебор объекта в шаблоне
Согласно документам по полимерам , объект или массив можно повторять с помощью repeat заявление в <template> :
«выражение» может быть простым идентификатором, путем или полным выражением (включая литералы объектов и массивов)....
4294 просмотров
schedule
09.11.2022
Шаблон HTML5 не работает в Internet Explorer, как решить эту проблему?
Я сделал шаблон в HTML5, который работает с Chrome и Firefox, но не работает с Internet Explorer (проверено в IE 8).
Как я могу решить эту проблему?
19565 просмотров
schedule
26.05.2022
Требуется ли тире в имени пользовательских элементов?
Можно ли назвать свои собственные пользовательские элементы <date> , <person> , <city> или другими без использования дефиса? Можно ли использовать элементы определения без них?
12925 просмотров
schedule
28.10.2022
Как распространять (вставлять) узлы контента программно
Есть ли способ программно распространять (вставлять) контент из lightDOM в ShadowDOM?
Я хотел бы обернуть каждый дочерний узел в элемент. Например :
<my-list>
<span>first element</span>
<div>second...
959 просмотров
schedule
28.09.2022
Где должны жить веб-компоненты?
Для меня это большой вопрос относительно веб-компонентов; Обещание веб-компонентов заключается в том, что они предназначены для использования в качестве универсальных повторно используемых компонентов, которые может взять и запустить любой желающий;...
536 просмотров
schedule
23.02.2022
Может видеть ширину в элементе, но все равно получает 0
Итак, я работаю над элементом Polymer, который должен быть отзывчивым. Для этого мне нужен доступ к ширине текущего изображения.
Вот моя разметка
<div class="meme">
<div id="memeImage"><img id="memeimg"...
752 просмотров
schedule
18.12.2022
Добавить API в веб-компонент Polymer
Я создаю веб-компонент Polymer, который должен реагировать на события мыши/касания. Я хотел бы связать on-tap="{{$.myElement.show}}" , где show — это функция в элементе:
show: function(e) {
// Do something with the event here
}
Можно ли...
518 просмотров
schedule
18.05.2023
Избегайте пользовательских событий в Polymer
Меня привлекла идея подхода «VanillaJS», упомянутого http://customelements.io/ для https://github.com/webcomponents/element-boilerplate . Это привело меня к http://www.polymer-project.org/platform/custom-elements.html (поскольку я хотел бы...
150 просмотров
schedule
14.11.2023
Можно ли совместно использовать миксины между веб-компонентами (и импортом) в Polymer?
В продолжение Как расширить несколько элементов с помощью Polymer и Полимерное множественное наследование/композиция , основываясь на их ответах, мне интересно, возможно ли совместно использовать миксины для нескольких веб-компоненты (и...
2793 просмотров
schedule
14.01.2023
Привязка данных Angular Polymer
Я хочу сделать двустороннюю привязку данных между Polymer и Angular, для этого я использую Angu-poly библиотека.
Вот ссылка на пример, который работает при передаче строк через атрибуты имени и возраста: работает .
<x-kid bind-polymer...
2583 просмотров
schedule
18.05.2023
(почти) всегда иметь определение Polymer внутри закрытия?
Для сложных элементов хорошей практикой является (почти) всегда иметь определение Polymer внутри замыкания, чтобы сохранить все переменные и методы, которые должны быть изменены только внутри приватности, а не прикреплять их к элементу (например,...
515 просмотров
schedule
24.09.2023
Platform.js как настоящая прокладка веб-компонентов (без полимера)
Я был очень впечатлен несколькими примерами «сырых» веб-компонентов в дикой природе, совсем недавно последней версией TodoMVC Эдди Османи, которая называется Componentized Todo. Теперь, когда Chrome 36 стал стабильным, этот пример работает без...
967 просмотров
schedule
11.04.2022
‹content› внутри тега привязки не переключает курсор при наведении
Мне нужно было указать, что это вопрос о полимерах, а не собственный HTML.
У меня есть такой шаблон
<template>
<a href="{{ href }}">
<content></content>
</a>
</template>
Когда я наводил курсор...
329 просмотров
schedule
05.12.2022