HTML
文章平均质量分 94
编程三昧
学习有趣的知识,交识有趣的朋友,造就有趣的灵魂!
展开
-
DOM 精通了?请问 Node 和 Element 有何区别?
相信我们很多同学都经常会使用到 Node(节点)和 Element(节点)的概念,那么这两者到底有何区别,不知道有多少人能够答得上来这个问题?原创 2022-02-20 21:14:46 · 746 阅读 · 2 评论 -
Web Components 系列(十一)—— 实现 MyCard 的可复用
今天我们通过使用具名 Slots 在 Templates 中占位,然后再在自定义元素中给 Slots 传值,提高自定义元素的灵活性。原创 2022-02-18 22:17:09 · 487 阅读 · 0 评论 -
Web Components 系列(十)—— 实现 MyCard 的基本布局
理论知识基本上够用了,从现在开始我们需要将理论运用到实践中,让理论为实践服务,使用 Web Components 的相关知识来实现 MyCard 的制作。原创 2022-02-17 23:08:41 · 342 阅读 · 0 评论 -
Web_Components 系列(九)—— Shadow Host 的 CSS 选择器
-`:host` 范围最大,匹配所有的自定义元素实例;-`:host()` 只选择自身包含特定选择器的自定义元素;- `:host-context()` 选择拥有特定选择器父元素的自定义元素。原创 2022-02-16 20:14:32 · 1015 阅读 · 0 评论 -
Web Components 系列(八)—— 自定义组件的样式设置
通过前面的学习,对自定义组件的相关概念和知识点也有了一定了解,今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。原创 2022-02-15 18:13:17 · 1413 阅读 · 0 评论 -
Web Components系列(七) ——自定义组件的生命周期
何谓”生命周期“?顾名思义,生命周期就是指一个物体从产生前到消亡后的整个过程,当然,不同物体的生命周期具体阶段划分可能不太一样。原创 2022-02-13 22:48:07 · 1329 阅读 · 0 评论 -
Web Components 系列(五)—— 详解 Slots
以上就是我对 Slots 相关知识的一个总结,目前能想到的就这些,肯定不全面,希望大家能够指正补充!原创 2022-02-12 21:08:53 · 864 阅读 · 0 评论 -
Web Components 系列(五)—— 关于 Templates
Templates 可以将一些页面内容事先封装并且保存在 HTML 页面上,且不进行渲染,随后可以使用 JS 来操作 Templates。原创 2022-02-11 18:22:02 · 767 阅读 · 0 评论 -
Web Components系列(四) —— 认识 Shadow DOM
影子当然都是藏在暗处,不容易让人发现的,就像文章开头提到的那些默认元素,如果不通过设置,我们表面上看到的就是简单的一个标签而已。原创 2022-02-10 21:07:28 · 707 阅读 · 0 评论