前情回顾 前面一篇文章，我们提到了 web compontens 是一套原生 JavaScript 就已经支持组件封装的技术，它主要由三个技术组成：自定义元素，HTML 模板，影子 DOM 然后我们也

前言 在重学 JavaScript 过程中，了解到了 Web 组件，而其中的一些知识点总感觉和 vuejs 中的某些概念很相似，比如 Web 组件中涉及的内容： HTML 模板，即 template

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

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

该系列由 5 篇文章构成，我们在前 4 篇文章中对构成 Web Components 标准的技术进行了全面的介绍。首先，我们研究了如何创建 HTML 模板，为接下来的工作做了铺垫。其次，我们深入了解了自定义元素的创建。接着，我们将元素的样式和选择器封装到 shadow DOM …

了解和学习原生Web Components不仅可以掌握未来的组件化标准，还能帮助我们理解现有的前端框架。 Autonomous custom elements 我称之为自定义自命名组件，是个独立的元素，它不继承其他内建的HTML元素。你可以直接把它们写成（像）HTML标签的形式…

上一次社区中谈论起 Web Components 已经可以追溯到三四年前了，彼时 Web Components 仍处于不稳定的草案阶段，Polymer 的出世使大家似乎看到了新一代的前端技术，但直到今天，在今年五月 Google I/O 发布 Polymer 3 之后， Web…

在早期还没有形成 Web 前端工程师这个岗位的时候，组件化的需求就一直存在。由于在Node.js、ES6出现之前，前端并没有很好的解决代码模块化的问题，所以出现了很多组件化方案，当然这些方案和构建工具都有密不可分的关系。 一般用于早期前后端未分离的项目，依赖于构建工具（比如百度…

这些组件库的出现，让我们可以直接使用已经封装好的组件，而且在开源社区的帮助下，出现了很多的模板项目（ vue-element-admin、Ant Design Pro ），能让我们快速的开始一个项目。 虽然 React、Vue 为我们的组件开发提供了便利，但是这两者在组件的开发…