1。前面写过，哈尔滨单车前端团队最近开源的QuarkDesign组件库号称是下一代前端组件库，可以同时在任意车架或无车架上使用。用在。那么，什么是Web组件？2.什么是Web组件？如今，前端生态中框架层出不穷。为了提高生产效率和标准化组件，将针对框架开发组件库。但各种框架互不兼容，需要相应开发适配框架的组件库，这也增加了维护成本。正如物理世界中存在电磁相互作用、强相互作用和弱相互作用一样，需要一个单独的物理理论来解释这三种相互作用引起的物理现象，这使得许多物理学家走向大统一理论，而WebComponents它可以看作是对当今UI组件库“大统一论”的一种解决。Web组件类似于React和Vue等框架中的组件。事实上，很多基于WebComponents的设计也在Vue中使用。这是一个可重用的UI构建块，封装了呈现所需的所有HTML、CSS和基于Javascript的逻辑。最大的区别在于它不依赖于特定的JavaScript框架，而是利用浏览器本机提供的技术，因此您的Web组件与框架无关。3.WebComponents的主要内容WebComponents的主要内容如下：CustomElements：原生提供的API，用于自定义CustomElements和行为。ShadowDOM：原生提供的API，用于封装一个与主文档DOM隔离的私有DOM，不受外部DOM的样式和行为影响。Templates:Attributes:Slots:Lifecyclemethods:接下来按照我的步骤把这些概念在例子中一一实现，把理论一一打破。4.CustomElementsCustomElements是WebComponents中的一个重要特性，它可以为开发者提供将HTML功能封装到自定义标签中以便于复用的能力。也就是说，CustomElements本质上是被用户用来实现在html中的有效使用，比如自定义标签如
、
