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

2019年10月16日 by 张 鑫旭 阅读 78899 次, 今日 120 次

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

阅读全文…

使用navigator.connection.downlink前端测网速

2021年04月10日 by 张 鑫旭 阅读 1958 次, 今日 84 次

喝杯咖啡 娓娓道来

讲讲前端JS实现网络带宽网速检测,以及相关的用户体验方面的事情。

阅读全文…

分享下input time输入框的细节知识

2021年03月31日 by 张 鑫旭 阅读 2476 次, 今日 38 次

空中钓鱼-占位图

最近与type=”time”输入框打了不少交道,学到了不少细节知识,关于UI,关于时间格式,以及step/min/max属性,和大家分享下。

阅读全文…

借助ffmpeg.wasm纯前端实现多音频和视频的合成

2021年03月20日 by 张 鑫旭 阅读 3517 次, 今日 42 次

熊猫 合体

不借助C/C++,纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频,此领域目前为数不多优质文章,建议收藏备忘。

阅读全文…

CSS line-height-step属性简介

2021年03月14日 by 张 鑫旭 阅读 2462 次, 今日 29 次

line-height-step占位图

line-height属性大家都知道,那么CSS line-height-step属性又是什么作用呢?一起来一探究竟吧。

阅读全文…

使用CSS text-combine-upright实现字符的横向合并

2021年02月18日 by 张 鑫旭 阅读 4242 次, 今日 16 次

狐狸亲吻

text-combine-upright属性可以让2-4个字符合并为一个字符的宽度(浏览器自动字形缩减),不仅可以用在垂直排版中,水平排版中特殊名词缩减合并也是可以使用的。

阅读全文…

CSS line-break属性与中文标点换行

2021年02月18日 by 张 鑫旭 阅读 3064 次, 今日 13 次

line-break封面图

CSS line-break属性专门中文、日文这样的语言设计,主要用来设置一些连字符和中文标点的换行规则,关键时候会有有用,建议进来了解下。

阅读全文…

Chrome 88已经支持aspect-ratio属性了,学起来

2021年02月17日 by 张 鑫旭 阅读 3458 次, 今日 13 次

花无痕

aspect-ratio让元素保持固定的高宽比例,很实用,本文会详细介绍该属性在各种场景下的尺寸表现,相信会对您的学习有所帮助的。

阅读全文…

好消息,CSS text-underline-offset可以用起来了

2021年02月17日 by 张 鑫旭 阅读 2788 次, 今日 18 次

线条图案

text-underline-offset属性可以设置下划线的偏移位置,可以有效解决中文字体下划线和字符重叠的问题,目前已经可以放心使用了。

阅读全文…

CSS ::marker伪元素简介

2021年02月16日 by 张 鑫旭 阅读 2681 次, 今日 20 次

标记列表项目符号

::marker是CSS中新出的一种伪元素,用来匹配列表项中的marker box,可以改变项目符号的颜色字体等,甚至改变项目符号内容,填补了CSS以前这块的能力空白。

阅读全文…

盘点HTML字符串转DOM的各种方法及细节

2021年02月16日 by 张 鑫旭 阅读 3162 次, 今日 19 次

新年时钟DOM HTML字符串

HTML字符串转DOM方法有好几个,本文盘点下各个方法的特性和优缺点,以及您可能不知道的相关DOM API方法的其他细节,希望可以对大家的学习有所帮助。

阅读全文…