随笔分类 - HTML
摘要：相信我们很多同学都经常会使用到 Node（节点）和 Element（节点）的概念，那么这两者到底有何区别，不知道有多少人能够答得上来这个问题？
阅读全文
摘要：今天我们通过使用具名 Slots 在 Templates 中占位，然后再在自定义元素中给 Slots 传值，提高自定义元素的灵活性。
阅读全文
摘要：理论知识基本上够用了，从现在开始我们需要将理论运用到实践中，让理论为实践服务，使用 Web Components 的相关知识来实现 MyCard 的制作。
阅读全文
摘要：-`:host` 范围最大，匹配所有的自定义元素实例；
-`:host()` 只选择自身包含特定选择器的自定义元素；
- `:host-context()` 选择拥有特定选择器父元素的自定义元素。
阅读全文
摘要：通过前面的学习，对自定义组件的相关概念和知识点也有了一定了解，今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。
阅读全文
摘要：何谓”生命周期“？顾名思义，生命周期就是指一个物体从产生前到消亡后的整个过程，当然，不同物体的生命周期具体阶段划分可能不太一样。
阅读全文
摘要：以上就是我对 Slots 相关知识的一个总结，目前能想到的就这些，肯定不全面，希望大家能够指正补充！
阅读全文
摘要：Templates 可以将一些页面内容事先封装并且保存在 HTML 页面上，且不进行渲染，随后可以使用 JS 来操作 Templates。
阅读全文
摘要：影子当然都是藏在暗处，不容易让人发现的，就像文章开头提到的那些默认元素，如果不通过设置，我们表面上看到的就是简单的一个标签而已。
阅读全文
摘要：自定义元素分为两类：Autonomous custom elements（自主定制元素）和Customized built-in elements（自定义内置元素），这两者在使用上到底有什么区别？
阅读全文
摘要：Web Components 标准非常重要的一个特性是，它使开发者能够将 HTML 页面的功能封装为 custom elements（自定义标签），而往常，开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。
阅读全文
