ws-intro-web-components:Web组件介绍研讨会

时间:2024-06-02 14:25:46
【文件属性】:

文件名称:ws-intro-web-components:Web组件介绍研讨会

文件大小:510KB

文件格式:ZIP

更新时间:2024-06-02 14:25:46

HTML

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


【文件预览】:
ws-intro-web-components-master
----presentation()
--------presentation-intro-to-web-components.html(1.81MB)
----.gitignore(15B)
----readme.md(17KB)

网友评论