文章关键字 ‘自定义元素’

如何继承自定义元素及其他JS中扩展新方法

2022年06月19日,星期日

占位封面图

相似内核但语义不同的Web组件该如何更高效的组织代码才能兼顾可维护性和可阅读性呢?如何在任意位置对已由的自定义元素组件进行方法或属性的扩展呢?一点实战经验分享,希望可以帮到大家的工作。

阅读全文…

Safari不支持build-in自定义元素的兼容处理

2021年04月26日,星期一

占位封面图 颈椎帮助

大家如果进行原生的web components组件开发,可能会遇到build-in自定义元素在Safari浏览器下不支持的场景,本文提供了相应的解决方案,为您的实际开发助航。

阅读全文…

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

2021年02月11日,星期四

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

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

阅读全文…

CSS技术分享: 文字在圆形内沿着弧线边界排版

2020年04月9日,星期四
Text around文字环形排版占位图

有一个正圆或者椭圆,里面有一些文字,如何让这些文字每一行的边缘正好就是圆弧的边缘而不发生溢出呢?本文就将介绍这个CSS布局技巧,希望可以帮到大家的学习。

阅读全文…

聊聊JS DOM变化的监听检测与应用

2019年08月30日,星期五

DOM变化与检测

实际开发的时候,我们需要知道DOM元素是否发生了变化,或属性变化,或DOM节点的新增或删除,从IE9浏览器开始,浏览器启用了多种方法,可以监听DOM树的变化,本文就将结合实例详细聊聊其中的各种方法。

阅读全文…

HTMLUnknownElement与HTML5自定义元素的故事

2018年03月20日,星期二

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

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

阅读全文…