写点什么

WebComponent

0 人感兴趣 · 4 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/e9/e93f8e13d8fa9e69a83fe10d8b79c6d3.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web_Components 系列(九)—— Shadow Host 的 CSS 选择器

用户头像
编程三昧
2022-02-16

-`:host` 范围最大,匹配所有的自定义元素实例; -`:host()` 只选择自身包含特定选择器的自定义元素; - `:host-context()` 选择拥有特定选择器父元素的自定义元素。

https://static001.geekbang.org/infoq/02/0204eea9fd1d81fa37d4863e9c5701c4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(八)—— 自定义组件的样式设置

用户头像
编程三昧
2022-02-15

通过前面的学习,对自定义组件的相关概念和知识点也有了一定了解,今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。

https://static001.geekbang.org/infoq/cd/cd140b3d46c03916a1009cde01126682.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列 (七) ——自定义组件的生命周期

用户头像
编程三昧
2022-02-13

何谓”生命周期“?顾名思义,生命周期就是指一个物体从产生前到消亡后的整个过程,当然,不同物体的生命周期具体阶段划分可能不太一样。

https://static001.geekbang.org/infoq/7d/7d56a0cb4b7fd3833ea31140b4620d91.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(五)—— 详解 Slots

用户头像
编程三昧
2022-02-12

熟悉 Vue 的同学应该都知道”插槽(slot)“的概念,通过使用插槽可以让页面内容的组织更加灵活。

WebComponent_WebComponent技术文章_InfoQ写作社区