通过《WebComponent 魔法堂: 深究 Custom Element 之 面向痛点编程》，我们明白到其实 Custom Element 并不是什么新东西，我们甚至可以在 IE5.5 上定义自己的 alert 元素。但这种简单粗暴的自定义元素并不是我们需要的，我们需要的是具有以下特点的自定义元素： 自定义元素可通过原有的方式实例化 (,new CustomElement() 和 document.createElement('CUSTOM-ELEMENT')) 可通过原有的方法操作自定义元素实例(如 document.body.appendChild, 可被 CSS 样式所修饰等) 能监听元素的生命周期  而 Google 为首提出的 H5 Custom Element 让我们可以在原有标准元素的基础上向浏览器注入各种抽象层次更高的自定义元素，并且在元素 CRUD 操作上与原生 API 无缝对接，编程体验更平滑。下面我们一起来通过 H5 Custom Element 来重新定义 alert 元素吧！