在自定义元素的acceptedCallback中我们需要做什么？

Question

我已经阅读了有关“自定义元素”和setTransform(1,0,0,1,0,0)的各种文档，这些文档说的是“当元素被另一个文档采用时，即有人调用Document.importNode（customElement）时被调用”。但这不是很多信息。

我实际上需要采用callback吗？换句话说，adoptedCallback特别有用吗？有哪些实际例子？自定义元素作者特别想通过adoptedCallback实现什么？许多自定义元素作者没有考虑过什么情况，但他们应该在adoptedCallback中进行考虑和处理？

Answer 1

我看到的主要用例是当您想移动一些自定义元素时。

• 如果您在<iframe>中有一个自定义元素，并希望将其移动到另一个<iframe>或主文档中，则可能需要在自定义元素所有者文档发生更改时实现一些操作，但是自定义元素移到相同的<iframe>或文档中时不会。

示例：具有从工具栏拖放到目标HTML文档的IDE。

• 另一种用例，您可能只需要在导入自定义元素时一次（在adoptedCallck()中进行一些昂贵的操作（计算，数据加载），而不是每次连接时（在{ {1}}。

示例：带有远程数据的工作表/表格。

HTML导入也是如此，但是现在它的相关性降低了。