Web Components系列（一） —— 概述

前言

如果我们选择不使用任何框架的情况下来进行前端开发，那么针对一个完整的网页，我们需要开发以下代码：

• HTML 代码
• CSS 代码
• JavaScript 代码

就几年之前来说，HTML 部分的代码基本不存在复用的可能，这就导致我们可能需要开发大量重复的 HTML 代码，即使使用 CV 法，代码的冗余却是不可避免的。

Web Components 诞生的背景

近几年，我们在使用前端框架（比如 Vue）时，都知道有个“组件”的概念，通过使用组件可以提高代码复用率，一次创建多处使用，在一定程度上简化了开发流程。

既然组件化开发这么流行，又能给开发带来极大的便利，那么浏览器就当然有理由来原生支持组件化，Web Components 就应运而生，它的诞生使得浏览器有了原生支持组件化的能力。

Web Components 的概念

何为 Web Components ？顾名思义，就是“网页组件”，引用