Polymer 反射聚合物/网络组件界面

Polymer 反射聚合物/网络组件界面,polymer,web-component,Polymer,Web Component,我想知道是否有可能检索聚合物网络组件的界面。就我所见,除了属性之外,polymer webcomponent还有很多,它是它的一种接口,各自的事件和light DOM,但我还没有掌握如何以通用和可靠的方式确定这一点(阅读工具支持) 如果您对此有任何提示和意见,我们将不胜感激。 顺致敬意, Hilmar您可以通过使用DOM操作强制访问web组件界面: var fooComponent = document.createElement('foo-component'); fooComponent.

我想知道是否有可能检索聚合物网络组件的界面。就我所见,除了属性之外,polymer webcomponent还有很多,它是它的一种接口,各自的事件和light DOM,但我还没有掌握如何以通用和可靠的方式确定这一点(阅读工具支持)

如果您对此有任何提示和意见,我们将不胜感激。 顺致敬意,
Hilmar

您可以通过使用DOM操作强制访问web组件界面:

var fooComponent = document.createElement('foo-component');

fooComponent.doSomething();
其中as
fooComponent
可能看起来像这样:

Polymer('foo-component', {
  doSomething: function () {
    // do something
  }
});

这是web组件的一般探索领域,而不仅仅是使用聚合物创建的组件:)

对于Polymer,我们已经创建了一个文档系统(请参阅,它松散地基于JSDocs)。它将刮取组件的文档属性、方法和事件,并呈现一个包含基本示例、文档和演示链接的页面。示例:


好消息是,当浏览器中有本机自定义元素时,属性/方法会自动显示在devtool控制台中自动完成。对于接受的light dom属性和css样式挂钩等内容,…这些只需要可靠的文档。

好的,谢谢。这可能可以启发性地获取一些信息,例如虽然您的示例更多的是强制实例化一个元素,而不是获取有关属性和事件的真实元数据。但是,例如,整个light DOM没有在组件中显式描述,而是在shadow DOM中隐式处理(好的,很好-这至少向我解释了当前状态!)