CSS background背景图标的变色技巧

2022年01月31日 by 张 鑫旭 阅读 12193 次, 今日 15 次

封面图

最近遇到了需要使用CSS让background背景图标的变色的需求场景,使用背景混合模式实现的,可能大家以后也用得到,所以分享下。

阅读全文…

纯CSS实现未读消息超过100自动显示为99+

2022年01月14日 by 张 鑫旭 阅读 19458 次, 今日 30 次

未读消息99+

未读消息超过100显示为99+是常见的交互,目前主流实现一定是通过 JS 逻辑判断,其实纯 CSS 就能实现一模一样的功能,兼容性还不赖,进来看看吧。

阅读全文…

还有完没完,怎么又来了个 scrollbar-gutter?

2022年01月12日 by 张 鑫旭 阅读 19653 次, 今日 46 次

占位图 猫猫

一不留神,又冒出个新的CSS属性scrollbar-gutter,一研究,发现还挺实用,赶快和大家分享分享。

阅读全文…

JS 标签模板(Tagged templates)什么时候使用?

2021年12月29日 by 张 鑫旭 阅读 14641 次, 今日 13 次

圣诞星空图

JS 标签模板 tagged templates 是一个很有意思的语法特性,是模板字符串的高级形式,那应该什么时候使用标签模板呢,本文就根据我个人的理解给大家做下解答。

阅读全文…

深入JS getRandomValues和Math.random方法

2021年12月20日 by 张 鑫旭 阅读 20070 次, 今日 30 次

随机与安全JS

本文带大家深入了解下为什么涉及安全与财务的时候,不能使用 Math.random 方法进行随机,干货还不少,走过路过不要错过。

阅读全文…

你不知道的CSS media查询与用户体验

2021年12月13日 by 张 鑫旭 阅读 16236 次, 今日 13 次

media与用户体验

本文介绍 4 个很多前端开发不知道的可以提升用户体验的 media 媒体查询语句,希望可以帮到大家的学习。

阅读全文…

flex-end为什么overflow无法滚动及解决方法

2021年12月8日 by 张 鑫旭 阅读 20279 次, 今日 20 次

flex-end与overflow

解释下为何 flex 布局中, flex-end 对齐不会触发 overflow 滚动效果,以及介绍解决方法,希望可以帮到遇到类似场景的人。

阅读全文…

深度好文: 从js visibilitychange Safari下无效说开去

2021年11月24日 by 张 鑫旭 阅读 20329 次, 今日 19 次

占位图

本文标题虽然是 visibilitychange,但实际上讲的是包括 pagehide, unload, beforeunload 等事件在内的Web页面生命周期知识,希望本文的整理可以帮到大家的学习。

阅读全文…

密码强度效果最佳实现一定是HTML meter元素

2021年11月14日 by 张 鑫旭 阅读 28235 次, 今日 24 次

配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。

最终渐变文字效果

阅读全文…

见多识广,介绍Web开发中current开头的一些API属性

2021年11月2日 by 张 鑫旭 阅读 17625 次, 今日 29 次

封面占位图

主要介绍 currentTarget、currentScript、currentTime、currentNode 和 currentSrc 这5个属性 API,有些是 JS 对象属性,有些是 HTML 对象属性,都挺有用的。

阅读全文…