hello-webcomponent-shadow-dom:通过 Web 组件规范使用 Shadow DOM 的 Hello World

时间:2024-08-09 02:26:00
【文件属性】:

文件名称:hello-webcomponent-shadow-dom:通过 Web 组件规范使用 Shadow DOM 的 Hello World

文件大小:6KB

文件格式:ZIP

更新时间:2024-08-09 02:26:00

JavaScript

hello-webcomponent-shadow-dom 使用 Web 组件编写的 Hello World 的简单示例。 浏览器支持 查看以了解 、 和 Safari 是否/何时会采用 Web Component Shadow DOM。 Chrome 和 Opera 完全支持 Shadow DOM。 这是什么? 此示例展示了如何利用 Web 组件规范中的 Shadow DOM 创建一个 Hello World。 它将 Shadow DOM 与 Light DOM(即普通 DOM)进行了比较,我们都知道和喜爱。 它还给出了 Shadow DOM 带来的模块化/封装的一个小例子,因为普通 CSS 不会影响 Shadow DOM 元素。 在 js/main.js 中 应用程序命名空间已创建。 它也是一个简单的 JavaScript 命名空间,应用程序架构也附在它上面。 在 js/hello


【文件预览】:
hello-webcomponent-shadow-dom-master
----package.json(639B)
----src()
--------component()
--------js()
--------css()
--------index.html(657B)
----README.md(3KB)
----server.js(1KB)

网友评论