2023年07月25日 by 张 鑫旭 阅读 11017 次
![](https://image.zhangxinxu.com/image/blog/202307/dance-cover.png)
没想到,以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
阅读全文…
标签: nowrap, text-wrap, wbr, white-space, 文字排版
发布在 CSS相关 | 8 条评论 »
2023年07月20日 by 张 鑫旭 阅读 18833 次, 今日 2 次
![封面图](https://image.zhangxinxu.com/image/blog/202307/nut-cover.jpg)
同样的布局效果,在2017年、2021年和2023年有着不同的实现,代码愈发的简洁高效,一起来看看CSS的发展对Web开发的帮助吧。
阅读全文…
标签: @container, aspect-ratio, cqw, flex布局, float, padding, 布局
发布在 CSS相关 | 12 条评论 »
2023年06月30日 by 张 鑫旭 阅读 8223 次
![三角封面](https://image.zhangxinxu.com/image/blog/202306/triangle-cover.png)
我发现,有个CSS三角函数之后,以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了,代码简洁了不少。
阅读全文…
标签: atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角
发布在 CSS相关 | 4 条评论 »
2023年06月18日 by 张 鑫旭 阅读 16027 次, 今日 5 次
![loading示意图](https://image.zhangxinxu.com/image/blog/202306/loading-cover.png)
有没有办法使用CSS让数字从0-100像动画一样不停变化呢?如果你一时不知道该如何实现,则本文值得一看。
阅读全文…
标签: @property, counter, CSS变量, cubic-bezier, houdini, loading, progress, transition
发布在 CSS相关 | 9 条评论 »
2023年06月4日 by 张 鑫旭 阅读 43115 次, 今日 2 次
![PDF封面图](https://image.zhangxinxu.com/image/blog/202306/pdf-cover.png)
如果你遇到需要纯前端导出PDF文件的需求,本文百分之一万对你的实现有所帮助。
阅读全文…
标签: canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域
发布在 JS实例 | 25 条评论 »
2023年05月31日 by 张 鑫旭 阅读 22241 次, 今日 3 次
![margin-trim封面图](https://image.zhangxinxu.com/image/blog/202305/margin-trim-cover.jpg)
这个CSS属性至少99%的人都没见过。
阅读全文…
标签: gap, margin, margin-block, margin-inline, margin-trim
发布在 CSS相关 | 13 条评论 »
2023年05月21日 by 张 鑫旭 阅读 18645 次, 今日 6 次
![视频合成封面图](https://image.zhangxinxu.com/image/blog/202305/to-video-cover.png)
本文算是目前国内关于浏览器音视频合成,尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
阅读全文…
标签: audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频
发布在 JS实例 | 10 条评论 »
2023年05月7日 by 张 鑫旭 阅读 14701 次, 今日 7 次
![占位图,头图,封面图](https://image.zhangxinxu.com/image/blog/202305/2023-05-07_233426.png)
ImageDecoder是浏览器支持的原生API,可以对GIF动图进行逐帧解析渲染,播放控制,图像处理,水印添加等,都不在话下。
阅读全文…
标签: APNG, canvas, gif, ImageDecoder, libgif, WebCodecs
发布在 JS API | 6 条评论 »
2023年04月23日 by 张 鑫旭 阅读 44602 次, 今日 1 次
![chatGpt封面图](https://image.zhangxinxu.com/image/blog/202303/chatgpt-cover.png)
Codeium官方说自己哪哪都比GitHub Copilot强,我倒要看看,Codeium究竟是吹牛,还是真的深藏不露。
阅读全文…
标签: API, chatGPT, Codeium, Copilot, 人工智能, 单元测试, 工具, 测试
发布在 Web综合 | 11 条评论 »