在 custom element 的构造函数中，可以指定多个不同的回调函数，它们将会在元素的不同生命时期被调用。这是 Web Components 技术中的一个重要特性，它能够让开发者更加灵活地控制元素的行为

• connectedCallback：当 custom element 首次被插入文档 DOM 时，被调用。
• disconnectedCallback：当 custom element 从文档 DOM 中删除时，被调用。
• adoptedCallback：当 custom element 被移动到新的文档时，被调用。
• attributeChangedCallback: 当 custom element 增加、删除、修改自身属性时，被调用。