文章关键字 ‘Web Components’

Web Components中引入外部CSS的3种方法

2021年02月13日,星期六

爱心-情人节

Web组件开发可能需要引入外部CSS到Shadow DOM中,本文就介绍3种各有优缺点CSS import的方法,帮助大家更好地进行web components组件开发。

阅读全文…

巧用两个type=range input实现区域范围选择

2021年02月11日,星期四

封面图占位图-区域范围选择

type=range类型输入框UI自定义兼容性很好很实用,但是只是单值选择,有没有可能直接两个拖拽按钮实现范围选择呢?可以的,活用CSS即可,JS只需做一点微小的支持。

阅读全文…

使用::part伪元素改变Shadow DOM的CSS样式

2021年02月6日,星期六

css part伪元素马儿开心跑占位图

详细介绍CSS ::part伪元素,以及和Shadow DOM中<slot&gt一起使用的细节知识,多个demo和截图,希望可以帮到您的学习。

阅读全文…

HTMLUnknownElement与HTML5自定义元素的故事

2018年03月20日,星期二

我之前以为写一个规范以外的标签元素就是自定义元素,后来发现不是的。HTMLUnknownElement与自定义元素并不能直接相等,甚至可以说是陌路两人。

W3规范中,对自定义元素的定义是中间必须要有短横线(就是键盘上的减号)连接,并且浏览器也是这么认为的……

阅读全文…