Web组件简介
推介会
演示文稿可以在存储库根目录的演示文稿文件夹中找到，也可以在上找到
练习内容
我总是发现，当他们很有趣时，做事就容易多了，为此，使用游戏化来完成简单的任务有助于应对日常的无聊。 因此，在今天的研讨会中，我们将构建一个由两个Web组件组成的生态系统：
显示图像的badge组件。
一个使用徽章和一些其他信息来显示漂亮卡片的achivement组件。
关于这个问题，让我们看一下 ，这是由Odin Design （一个非常酷的工作室，设计精美）组成的游戏化页面。
步骤0-本机Web组件
在开始之前，让我们花点时间看一下本机Web组件的外观。
Web组件具有4个构建元素：
HTML模板
影子DOM
自定义元素注册表
ES模块
因此，Web组件只是另一个实例，我们可以将它们定义为class X entends HTMLElement的class X entends H
