Javascript 自定义元素与web组件自定义元素

我刚从自定义元素开始，根据本文，自定义元素可以定义如下：

var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function () { ... };
proto.enteredViewCallback = function () { ... };
document.register('x-foo', {
    prototype: proto
});

这在我的chrome浏览器中非常有效，每次我创建一个新元素时，都会调用“createdCallback”

现在，如果我看一下我没有看到的官方文档，例如，任何地方提到的createdCallback。有人理解W3C文档并能解释为什么会这样吗

---

此外，从外观上看，它们看起来完全不同。现在有两种不同类型的自定义元素。这没有任何意义，或者说这两者可以共存有很好的理由吗

createdCallback以前被称为

readyCallback

：

自定义元素具有生命周期回调，可用于设置 自定义元素的表示方面。这些是：readyCallback， 在创建自定义元素后调用；插入回调， 在将自定义元素插入文档后调用； 和removedCallback，在移除自定义元素后调用 从文件中

这在以下错误条目中已更改：。讨论

它不在规范中的原因是该缺陷在2013年7月得到解决，草案在6月更新。这就是以下工作草案的陷阱

读完后，我几乎可以肯定我的假设是正确的。但是可以肯定的是：自定义元素的名称是

x-foo

？你会像这样使用我的foo自定义元素吗？