详解日后定会大规模使用的CSS @layer 规则

2022年05月28日 by 张 鑫旭 阅读 18140 次, 今日 14 次

封面图-披萨可乐

我话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。

阅读全文…

CSS必学基础:理解CSS中的级联规则

2022年05月22日 by 张 鑫旭 阅读 11729 次, 今日 3 次

CSS级联封面图

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。

阅读全文…

JS与条形码的生成

2022年05月12日 by 张 鑫旭 阅读 13900 次, 今日 6 次

条形码图片示意

本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。

阅读全文…

深入 JS new Function 语法

2022年04月30日 by 张 鑫旭 阅读 19063 次, 今日 4 次

卡通动物封面图

JS new Function() 语法看起来平平无奇 ,但是其字符串作为函数主体的特性大有用处,本文绝对会让你有所收益!

阅读全文…

小tips: JS字体加载失败或完毕的检测

2022年04月27日 by 张 鑫旭 阅读 10186 次, 今日 9 次

font 字体封面图占位图

如何判断 CSS @font-face 规则中的字体是否加载结束,是否加载成功?本文提供的方法你一定喜欢。

阅读全文…

CSS实现滚动高度自动变小的粘滞效果

2022年04月22日 by 张 鑫旭 阅读 12170 次, 今日 14 次

猫与花

分享一个实用的小布局效果,可以优化粘性定位的效果体验。

阅读全文…

使用CSS size-adjust和unicode-range改变任意文字尺寸

2022年03月27日 by 张 鑫旭 阅读 14750 次, 今日 5 次

无标签字号设置

介绍一个无需HTML标签就能控制任意字符字号大小的CSS技术,关键时候说不定可以救命,都来学学吧。

阅读全文…

ascent-override descent-override line-gap-override一锅端

2022年03月21日 by 张 鑫旭 阅读 8064 次

破茧成蝶

@font-face 自定义字体的又新增了一些新属性,进来看看都是干嘛用的吧,说不定可以解决你的超级棘手的难题!

阅读全文…

基于howler.js写了个音频播放器组件

2022年03月15日 by 张 鑫旭 阅读 16366 次, 今日 10 次

封面图

兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。

阅读全文…

介绍8个和滚动相关的CSS属性

2022年03月7日 by 张 鑫旭 阅读 12692 次, 今日 12 次

滚滚封面图

介绍与滚动相关的8个CSS新特性,相信里面一定有很多属性你并不认识,是第一次见,这些属性非常有助于提高用户体验。

阅读全文…