关于《CSS新世界》这本书

2021年08月17日 by 张 鑫旭 阅读 14597 次, 今日 70 次

CSS新世界

推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。

阅读全文…

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

2022年01月14日 by 张 鑫旭 阅读 1962 次, 今日 277 次

未读消息99+

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

阅读全文…

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

2022年01月12日 by 张 鑫旭 阅读 1707 次, 今日 92 次

占位图 猫猫

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

阅读全文…

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

2021年12月29日 by 张 鑫旭 阅读 3364 次, 今日 63 次

圣诞星空图

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

阅读全文…

深入JS getRandomValues和Math.random方法

2021年12月20日 by 张 鑫旭 阅读 5004 次, 今日 67 次

随机与安全JS

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

阅读全文…

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

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

media与用户体验

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

阅读全文…

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

2021年12月8日 by 张 鑫旭 阅读 5375 次, 今日 66 次

flex-end与overflow

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

阅读全文…

从js visibilitychange Safari下无效说开去

2021年11月24日 by 张 鑫旭 阅读 5803 次, 今日 47 次

占位图

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

阅读全文…

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

2021年11月14日 by 张 鑫旭 阅读 9814 次, 今日 71 次

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

最终渐变文字效果

阅读全文…

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

2021年11月2日 by 张 鑫旭 阅读 7582 次, 今日 39 次

封面占位图

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

阅读全文…

JS复制文字到剪切板的极简实现及扩展

2021年10月28日 by 张 鑫旭 阅读 11130 次, 今日 84 次

JS复制文字到剪切板

多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。

阅读全文…