假设我们有一个自定义元素以这种方式使用:....其中list-image以slider方式显示img标签。如果组件的用户插入带有的img标签document.querySelector('list-image').insertAdjacentHTML('beforeend','');组件是否有可能知道新元素img？ 最佳答案 解决方案是使用MutationObserver在上自定义元素本身。在connectedCallback()方法，观察子元素的变化:customElements.define('list-image',class

因此，在我创建的使用自定义元素的库中，您显然需要在实例化之前在CustomElementsRegistry中定义类。截至目前，这是通过装饰器解决的:classComponentextendsHTMLElement{staticregister(componentName){returncomponent=>{window.customElements.define(componentName,component);returncomponent;}}}@Component.register('my-element')classMyElementextendsComponent{}doc

🧑‍💼个人简介：一个不甘平庸的平凡人🍬🖥️Node专栏：Node.js从入门到精通🖥️TS知识总结：十万字TS知识点总结👉你的一键三连是我更新的最大动力❤️！📢欢迎私信博主加入前端交流群🌹📑目录前言1.Customelement2.ShadowDOM3.``4.``结语前言MDN：WebComponent是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的web应用中使用它们。简单的说，WebComponents就是使用标准化的原生技术实现可重用的组件化开发模式！WebComponents并不是新的概念！该规范最早于2011年推出！经多10多年的发展，这套规范