相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。
阅读全文…
标签:class, customElements, extends, Shadow DOM, slot, Web Components, 继承, 自定义元素 发布在 JS实例 | 4 条评论 »
兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。
标签:audio, howler, slot, Web Audio API, Web Components, 播放器 发布在 JS实例 | 17 条评论 »
本文应该是目前最深入最细致的介绍 HTML slot 插槽元素的文章了,如果您对 Web 组件开发感兴趣,则本文内容不容错过。
标签:customElements, dialog, display:contents, html, slot, Web Components 发布在 HTML相关 | 6 条评论 »
详细介绍CSS ::part伪元素,以及和Shadow DOM中<slot>一起使用的细节知识,多个demo和截图,希望可以帮到您的学习。
标签:::part, css相关, display:flow-root, Shadow DOM, slot, Web Components, 伪元素, 选择器 发布在 CSS相关 | 一条评论 »
不是流水文档,每一个全局HTML属性都有专门demo页面研究测试其作用,干货和信息量非常大,请预留足够多时间阅读文本,你会学到很多HTML全局新特性。
标签:::part, accesskey, autocapitalize, classList, contenteditable, customElements, dataset, direction, draggable, exportparts, inputmode, lang, Shadow DOM, slot, spellcheck 发布在 HTML相关 | 12 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee