V
主页
京东 11.11 红包
Web Components #3 - shadowDOM 样式和属性继承
发布人
主要介绍的内容:1) 自定义元素属于行内元。2) 使用:host选择器可以选中当前shadow DOM附加的自定义元素(宿主)。3) 自定义元素选择器优先等级比:host高。4) :host()括号里面可以传入标准的CSS选择器使用 5) shadow DOM可以接收外部的CSS自定义属性 6) 部分属性可以被shadow DOM继承,以及使用initial取消属性继承。 可以继承的属性列表:https://www.w3.org/TR/CSS22/propidx.html#
打开封面
下载高清视频
观看高清视频
视频下载器
按需导入Web Components组件,用户会爱上它的!
Web Components #8 - 利用CustomEvent传递数据
正在学习Web Components?这个浏览器功能太实用了!
Web Components其实也可以和JS框架一样处理行内事件
使用Web Components写了一个吉他节拍器
通过CSS特性控制Web Components组件样式
Web Components #4 - 组件之间方法调用
Web Components #5 - 事件冒泡和event.composedPath()
使用Cypress做Web Components组件测试,体验很棒!
Web Components 行内事件处理代码优化一点点
学习CSS大神Lea Verou怎么写Web Components
弃用Tailwind CSS: 在Astro中服务端渲染Web Components
Web Components #7 - 结合slots开发tabs
Web Components开发者必须掌握的::part()选择器
DeepL浏览器插件也用上了Web Components
写一个Web Components可重复字段组件 (Repeatable Field)
Web Components #2 - shadow DOM (影子DOM)
引入Web动画API,让组件更有趣一些~
Web Components #1 - Custom Elements自定义元素
Web Components开发者必看:如何正确使用:host选择器
将公司的一个需求改写成了web component
如何使用getRootNode()在Web Components中轻松访问组件函数
使用CSS transform属性设计页面旋转切换效果
Web Components #6 - attributeChangedCallback重新渲染UI
学习Web Components怎么可以不玩mastodon?
怎么部署静态网站到netlify免费服务器
用自己的组件库写了一个简单的web应用(bug很多)
写一个属于自己的CLI工具
快速创建基于Vite的Web Components项目
CSS Grid教程(入门和精讲)第17集 - 引入自定义属性(Custom Properties)
2个网页无障碍性知识点及text-indent的妙用
写一个属于自己的Chrome插件
CSS变量 (自定义属性) 介绍及实现明暗模式
表单验证v2:处理服务端返回错误
原生JS项目中使用Adobe Spectrum Web Components
从0开始用Deno写一个CLI工具
纯CSS登录按钮加载动画
开发体验超好的JavaScript PubSub设计模式
Multipass - 容易上手的linux虚拟机
Deno + Oak + MongoDB 搭建CRUD API