Web Component ，它有很多使用场景，比如编写跨框架的组件库、微前端，完全用它开发复杂的应用也没问题。 而今天我要介绍的是它如何扮演框架/微应用之间的胶水层这个角色

前端技术发展至今，组件化已经成为比较常见的一个开发模式，组件化的最大特点就是可以减少重复工作，提高开发效率。目前业界主流实现组件化大多是基于框架实现，比如 DevUI、ElementUI 等。

尽管 Web Components 可能还没有全面的进入研发者的视野，现在还备受争议，但是它已经被很多大厂已经直接或者间接将它用于实践，并且在市场上也出现了很多 Web Components 库。。。

开发中，会遇到需要引入外部CSS到Shadow DOM情况，那么如何处理呢？作者就最近遇到的情况给出如下几种方案。

组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。 ​ Web C

前言 这是业务平台前端在有关【Web Components】在业务实践输出的第 5 篇文章。 通过本文，您将了解什么是Web components，以及业务中台如何将其落地到业务场景的最佳实践。 本文

我参加了一个技术交流大会，看到一些大佬演示 Web Components，感觉它非常漂亮，但是好像有点复杂过头了 —— 用近千行的 JavaScript 代码来表示个位数行数的 HTML 代码。大佬们总是不可避免地掩盖 Web Components 需要大量的 JavaScri…

组件在当今在前端使用非常频繁，前端组件化开发最早源于react，有了组件化开发之后让前端开发如同堆积木一样开发应用，某种程度上提高了组件的复用性及可扩展性。那什么是组件内呢？组件其实就是数据和方法的简单封装。其实前端组件多数是把视图、逻辑、样式做对应的封装。 无论是组件也好还是…

但是很快我们又蒙圈了，这个组件实例和我们以前熟悉的this不一样，直接访问this.foo还是找不到数据。 当然坑还是有的，你仔细观察这个ctx，发现它不是一个Proxy对象，也就是这位兄台只有值却没有响应性，所以如果要利用响应特性，还得用proxy这个属性返回上下文对象，如果…