关于《CSS选择器世界》这本书

2019年10月16日 by 张 鑫旭 阅读 62787 次, 今日 123 次

《CSS选择器世界》是我正式出版的第二本技术书籍,关于这本书,我有一些话想要和大家说……

阅读全文…

巧用DOM API实现HTML字符的转义和反转义

2021年01月21日 by 张 鑫旭 阅读 3799 次, 今日 157 次

DOM API 转义和反转义HTML

借助DOM API的自身特性转义或者反转义HTML,你会发现原来这么简单,这么轻松,本文内容短小精悍,可谓Web前端开发必学必会基本技巧之一。

阅读全文…

告别JS keyCode

2021年01月4日 by 张 鑫旭 阅读 4113 次, 今日 93 次

键盘素材占位图封面

本文内容主要3部分,一是说明为什么keyCode舍弃了,二是对比event.key和event.code,三是整理常用功能键的event.key和event.code值,方便使用时候快速查找。

阅读全文…

几个常见功能重合DOM API的细节差异

2020年12月25日 by 张 鑫旭 阅读 4121 次, 今日 60 次

圣诞节快乐

介绍5组部分功能重叠的DOM API,带大家看看你可能不知道的一些细节差异,希望这些对比可以对您的学习有所帮助。

阅读全文…

纯CSS实现微信列表左滑显示按钮的交互效果

2020年12月13日 by 张 鑫旭 阅读 7167 次, 今日 99 次

可爱猫咪占位图

本文内容可谓是大开眼界,纯CSS实现自动边缘定位、带视差滚动的,iOS微信列表左滑显示按钮的交互效果,CSS可以做的远比你想象的更多。

阅读全文…

原来DOM还有toggleAttribute这样的JS API

2020年12月6日 by 张 鑫旭 阅读 4970 次, 今日 35 次

你值得拥有

各大现代浏览器在2018年底均支持了一个名为toggleAttribute的DOM API,专为HTML布尔属性设计,非常实用,不容错过。

阅读全文…

尝试使用JS IntersectionObserver让标题和导航联动

2020年12月1日 by 张 鑫旭 阅读 6176 次, 今日 65 次

南瓜封面图

学习了下JS中非常适合实现懒加载和无限固定加载的IntersectionObserver API,并自己给自己出难题,使用此API实现基于文档标题生成导航的插件功能。本文有自己实现过程完整记录,不一样风味的技术文章,内容较长,希望可以对大家学习有所启发。

阅读全文…

几行CSS让整站支持深色模式的探索与拓展

2020年11月28日 by 张 鑫旭 阅读 5484 次, 今日 72 次

黑夜中的猫头鹰 深色模式CSS

有两种CSS方法可以轻松实现深色模式效果,一种是借助filter滤镜,一种是借助mix-blend-mode混合模式,均是低成本高收益,详见本文介绍。

阅读全文…

突发奇想,同步单复选框checked态岂不点击通杀?

2020年11月26日 by 张 鑫旭 阅读 5990 次, 今日 61 次

思考的狐狸,突发奇想的张鑫旭

利用浏览器单复选框原生点击的特性,抽象出一个实时同步规则,无需针对每一种交互效果去写具体的代码,就可以实现全覆盖的点击交互事件增强支持,可谓一本万利,大家不妨进来看看到底香不香。

阅读全文…

HTML中无标签文本的CSS变色技巧

2020年11月15日 by 张 鑫旭 阅读 5489 次, 今日 37 次

无标签文字的变色效果实现

介绍一种高级的CSS文字变色技巧,适用于文字外面是没有HTML标签,只能通过兄弟元素或其他不相干元素改变文字颜色的场景。

阅读全文…

介绍一种全新的clipPath Sprites小图标技术

2020年10月30日 by 张 鑫旭 阅读 7611 次, 今日 52 次

剪裁图标合集技术

本文介绍一种全新的SVG图标合集技术,有别于传统的<symbol>元素,这里使用的是<clipPath>元素,配合CSS clip-path属性使用,优势在于HTML标签任意,UI样式任意,本文内容一定会对您的学习有所帮助。

阅读全文…