webcomp:Web组件演示

时间:2024-05-28 12:03:37
【文件属性】:

文件名称:webcomp:Web组件演示

文件大小:38KB

文件格式:ZIP

更新时间:2024-05-28 12:03:37

JavaScript

webcomp Web组件演示 使用:只需在Chrome :D上运行index.html Web组件:Web组件仍在发展,成为Web重用的标准。 *定义网络组件 来自浏览器的customElements定义的Web组件: window . customElements . define ( 'task-todo' , class Task extends HTMLElement { ... } *使用Web组件Web组件的要点是shadowDOM,它使Web组件不受外部CSS和JavaScript的影响。 ShadowDOM与主文档DOM分开渲染并应用于DOM var shadow = this . attachShadow ( { mode : "open" } ) ; 我们可以使用标签或javascript throw customElements模板化Web组件


【文件预览】:
webcomp-master
----assets()
--------todo.css(1KB)
--------component.js(3KB)
--------app.js(3KB)
----index.html(2KB)
----db.json(1KB)
----lib()
--------Bootstrap()
--------custom-elements.min.js(15KB)
----README.md(1KB)
----config.json(230B)

网友评论