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

上传者: 42136826 | 上传时间: 2021-07-20 11:12:37 | 文件大小: 6KB | 文件类型: ZIP
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

文件下载

资源详情

[{"title":"( 9 个子文件 6KB ) hello-webcomponent-shadow-dom:通过 Web 组件规范使用 Shadow DOM 的 Hello World-源码","children":[{"title":"hello-webcomponent-shadow-dom-master","children":[{"title":"package.json <span style='color:#111;'> 639B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"component","children":[{"title":"hello-shadow.js <span style='color:#111;'> 985B </span>","children":null,"spread":false},{"title":"hello-light.js <span style='color:#111;'> 882B </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"main.js <span style='color:#111;'> 136B </span>","children":null,"spread":false},{"title":"application-controller.js <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"main.css <span style='color:#111;'> 25B </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 657B </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 3.07KB </span>","children":null,"spread":false},{"title":"server.js <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明