腾讯开源的酷炫动画播放解决方案Vap初体验

2021年04月18日 by 张 鑫旭 阅读 9146 次, 今日 1 次

腾讯vap

H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。

阅读全文…

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

2021年04月10日 by 张 鑫旭 阅读 8013 次

喝杯咖啡 娓娓道来

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

阅读全文…

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

2021年03月31日 by 张 鑫旭 阅读 7084 次, 今日 1 次

空中钓鱼-占位图

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

阅读全文…

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

2021年03月20日 by 张 鑫旭 阅读 10926 次, 今日 2 次

熊猫 合体

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

阅读全文…

CSS line-height-step属性简介

2021年03月14日 by 张 鑫旭 阅读 5908 次, 今日 1 次

line-height-step占位图

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

阅读全文…

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

2021年02月18日 by 张 鑫旭 阅读 7314 次

狐狸亲吻

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

阅读全文…

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

2021年02月18日 by 张 鑫旭 阅读 7075 次, 今日 1 次

line-break封面图

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

阅读全文…

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

2021年02月17日 by 张 鑫旭 阅读 6705 次, 今日 1 次

花无痕

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

阅读全文…

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

2021年02月17日 by 张 鑫旭 阅读 5616 次

线条图案

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

阅读全文…

CSS ::marker伪元素简介

2021年02月16日 by 张 鑫旭 阅读 6302 次, 今日 1 次

标记列表项目符号

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

阅读全文…