实现web component的根本办法通常如下所示：
https://developer.mozilla.org...

  1. 创立一个类或函数来指定web组件的性能，如果应用类，请应用 ECMAScript 2015 的类语法(参阅类获取更多信息)。
  2. 应用 CustomElementRegistry.define() 办法注册您的新自定义元素 ，并向其传递要定义的元素名称、指定元素性能的类、以及可选的其所继承自的元素。
  3. 如果需要的话，应用Element.attachShadow() 办法将一个shadow DOM附加到自定义元素上。应用通常的DOM办法向shadow DOM中增加子元素、事件监听器等等。
  4. 如果需要的话，应用 <template> 和<slot> 定义一个HTML模板。再次应用惯例DOM办法克隆模板并将其附加到您的shadow DOM中。
  5. 在页面任何您喜爱的地位应用自定义元素，就像应用惯例HTML元素那样。

Web Components 是一套不同的技术，容许您创立可重用的定制元素（它们的性能封装在您的代码之外）并且在您的web利用中应用它们。

微前端是什么呢

集体了解微前端就是能够不同技术的 web 利用之间相互切换。那么只有将一个 react 的利用最初导出为 web component，那么就能够间接在我的项目主页中展现了，或者切换为一个 angular 的 web component。（待验证）