2019年10月16日 by 张 鑫旭 阅读 79560 次, 今日 120 次
《CSS选择器世界》是我正式出版的第二本技术书籍，关于这本书，我有一些话想要和大家说……
阅读全文…
标签： css3, css相关, 选择器
发布在 CSS相关 | 68 条评论 »
2021年04月18日 by 张 鑫旭 阅读 1336 次, 今日 167 次
H5中希望有炫酷3D动效，但是3D WebGL实力不允许，可以试试使用本文要介绍的VAP，导出PNG图片序列，可以有高性能的炫酷动画效果，Android和iOS也可以使用。
阅读全文…
标签： canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频
发布在 JS实例 | 4 条评论 »
2021年04月10日 by 张 鑫旭 阅读 2402 次, 今日 88 次
讲讲前端JS实现网络带宽网速检测，以及相关的用户体验方面的事情。
阅读全文…
标签： downlink, lazy, loading, navigator, NetworkInformation, progress, XMLHttpRequest
发布在 JS API | 8 条评论 »
2021年03月31日 by 张 鑫旭 阅读 2666 次, 今日 44 次
最近与type=”time”输入框打了不少交道，学到了不少细节知识，关于UI，关于时间格式，以及step/min/max属性，和大家分享下。
阅读全文…
标签： font-size, form, html, input, input time, max(), min, revert, step
发布在 HTML相关 | 一条评论 »
2021年03月20日 by 张 鑫旭 阅读 3721 次, 今日 42 次
不借助C/C++，纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频，此领域目前为数不多优质文章，建议收藏备忘。
阅读全文…
标签： audio, canvas, captureStream, ffmpeg, RecordRTC, video, wasm, WebAssembly, webM, WebRTC, 图片合成, 视频合成, 语音合成
发布在 JS实例 | 5 条评论 »
2021年03月14日 by 张 鑫旭 阅读 2596 次, 今日 35 次
line-height属性大家都知道，那么CSS line-height-step属性又是什么作用呢？一起来一探究竟吧。
阅读全文…
标签： line-height, line-height-step, 行高
发布在 CSS相关 | 4 条评论 »
2021年02月18日 by 张 鑫旭 阅读 4346 次, 今日 17 次
text-combine-upright属性可以让2-4个字符合并为一个字符的宽度（浏览器自动字形缩减），不仅可以用在垂直排版中，水平排版中特殊名词缩减合并也是可以使用的。
阅读全文…
标签： direction, text-combine-upright, text-orientation, writing-mode, 文字排版
发布在 CSS相关 | 6 条评论 »
2021年02月18日 by 张 鑫旭 阅读 3176 次, 今日 30 次
CSS line-break属性专门中文、日文这样的语言设计，主要用来设置一些连字符和中文标点的换行规则，关键时候会有有用，建议进来了解下。
阅读全文…
标签： break-all, line-break, overflow-wrap, wbr, word-break, 字符换行
发布在 CSS相关 | 5 条评论 »
2021年02月17日 by 张 鑫旭 阅读 3566 次, 今日 25 次
aspect-ratio让元素保持固定的高宽比例，很实用，本文会详细介绍该属性在各种场景下的尺寸表现，相信会对您的学习有所帮助的。
阅读全文…
标签： aspect-ratio, height, max-height, max-width, min-height, min-width, width, 比例
发布在 CSS相关 | 4 条评论 »
2021年02月17日 by 张 鑫旭 阅读 2885 次, 今日 25 次
text-underline-offset属性可以设置下划线的偏移位置，可以有效解决中文字体下划线和字符重叠的问题，目前已经可以放心使用了。
阅读全文…
标签： border, text-decoration, text-decoration-color, text-decoration-position, text-underline-offset
发布在 CSS相关 | 一条评论 »
2021年02月16日 by 张 鑫旭 阅读 2805 次, 今日 30 次
::marker是CSS中新出的一种伪元素，用来匹配列表项中的marker box，可以改变项目符号的颜色字体等，甚至改变项目符号内容，填补了CSS以前这块的能力空白。
阅读全文…
标签： ::after, ::before, ::marker, content, list-item, 伪元素
发布在 CSS相关 | 一条评论 »
我的应用
我的应用