207得票12回答
自定义元素是否符合HTML5规范?

我一直无法找到一个明确的答案来确定自定义标签在HTML5中是否有效,例如:<greeting>Hello!</greeting> 在规范中我没有找到任何相关信息: http://dev.w3.org/html5/spec/single-page.html 自定义标签...

49得票10回答
如何获取已注册的自定义元素列表

我正在尝试检测特定名称的自定义元素是否已注册,有没有办法进行此类检查? 或者有没有办法获取已注册自定义元素的列表? 我使用了document.registerElement,但还有什么其他方法吗?它只是单向API吗?

38得票1回答
自定义元素v1中构造函数和connectedCallback之间的区别

我是新手开发者,最近听到了很多关于自定义元素v1的辩论和讨论。它们允许您定义具有自定义行为的自己的元素,并且如果使用了Shadow DOM,则具有范围限定的样式。 当我在这个网站上学习时,我不理解“自定义元素反应”下面的表格。请问有人可以解释一下使用“constructor”和“connect...

38得票4回答
当JavaScript文件放置在<head>中时出现“Failed to construct 'CustomElement'”错误

我有一个自定义元素的定义,如下所示:class SquareLetter extends HTMLElement { constructor() { super(); this.className = getRandomColor(); } } ...

35得票1回答
::slotted CSS选择器用于在shadowDOM插槽中嵌套子元素。

CSS的::slotted选择器可以选择&lt;slot&gt;元素的子级。 但是,当尝试像使用::slotted(*)、::slotted(*) *或::slotted(* *)这样选择孙子级时,选择器似乎没有起作用。 class MyElement extends HTMLElem...

31得票5回答
React组件在Shadow DOM中时,点击事件无法触发

我有一个特殊情况,需要将 React 组件封装在 Web 组件中。设置似乎非常直截了当。这是 React 代码:// React Component class Box extends React.Component { handleClick() { alert("Click W...

30得票2回答
如何监听定义在 Web 组件中的自定义事件

我有一个自定义元素 my-checkbox,它包装了复选框、标签、样式等。当该复选框切换状态时,我在构造函数中定义了一个名为 check 的 CustomEvent,如下: constructor(){ super(); this._shadowRoot = this.attac...

27得票8回答
未捕获的DOM异常:在CustomElementRegistry上执行“define”失败:此名称已经在该注册表中使用。

未捕获的DOM异常:在此注册表中,使用了相同的名称。 在http://127.0.0.1:8000/components/@polymer/polymer/lib/elements/dom-module.js:175:16 尝试删除 node-modules 和 package-l...

26得票6回答
当父元素指定了尺寸时,才继承尺寸。

我正在使用 Web Components Polyfill 开发一些自定义元素的 API,但遇到了问题。 其中一个元素可能包含一个 &lt;img&gt; 或 &lt;canvas&gt; 元素。如果未为该自定义元素指定尺寸,则应该是子元素的默认大小。如果指定了一个或多个尺寸,则子元素应该继...

25得票1回答
Web组件在IE11和Edge浏览器中是否可用?

Web组件是最新最热门的东西,也是真正的Web标准,人人都在谈论它们并且可能在使用它们,看起来它们是我们所遇到问题(在非常不同的网站之间共享组件)的完美解决方案。 所以我们构建了一些Web组件。在Chrome中工作良好,但在IE11中却不行。或许使用polyfills?https://www...