2023年06月5日 by 张 鑫旭 阅读 25147 次, 今日 14 次
真是大开眼界，没想到纯CSS代码也能实现随机噪点效果。
阅读全文…
标签： background-blend-mode, canvas, feTurbulence, filter, repeating-conic-gradient, repeating-radial-gradient, sepia, SVG, 动效, 噪点
发布在 CSS相关 | 6 条评论 »
2023年06月4日 by 张 鑫旭 阅读 55349 次, 今日 26 次
如果你遇到需要纯前端导出PDF文件的需求，本文百分之一万对你的实现有所帮助。
阅读全文…
标签： canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域
发布在 JS实例 | 25 条评论 »
2023年05月31日 by 张 鑫旭 阅读 29225 次, 今日 14 次
这个CSS属性至少99%的人都没见过。
阅读全文…
标签： gap, margin, margin-block, margin-inline, margin-trim
发布在 CSS相关 | 13 条评论 »
2023年05月21日 by 张 鑫旭 阅读 27157 次, 今日 14 次
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
阅读全文…
标签： audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频
发布在 JS实例 | 11 条评论 »
2023年05月7日 by 张 鑫旭 阅读 23582 次, 今日 11 次
ImageDecoder是浏览器支持的原生API，可以对GIF动图进行逐帧解析渲染，播放控制，图像处理，水印添加等，都不在话下。
阅读全文…
标签： APNG, canvas, gif, ImageDecoder, libgif, WebCodecs
发布在 JS API | 6 条评论 »
2023年04月23日 by 张 鑫旭 阅读 64470 次, 今日 26 次
Codeium官方说自己哪哪都比GitHub Copilot强，我倒要看看，Codeium究竟是吹牛，还是真的深藏不露。
阅读全文…
标签： API, chatGPT, Codeium, Copilot, 人工智能, 单元测试, 工具, 测试
发布在 Web综合 | 11 条评论 »
2023年03月24日 by 张 鑫旭 阅读 23424 次, 今日 14 次
一不留神，又发现了一个CSS全局关键字revert-layer，一番研究后，终于知道干嘛用的了，这个值以后@layer大火的时候会很有用。
阅读全文…
标签： @layer, color, inherit, initial, revert, revert-layer, unset, 全局关键字
发布在 CSS相关 | 4 条评论 »
2023年03月17日 by 张 鑫旭 阅读 29437 次, 今日 12 次
有时候看起来没什么卵用的脑洞想法说不定关键时候可以帮大忙，解决棘手问题，或者满足稀奇古怪的需求。???
阅读全文…
标签： clipboardData, copy, order, sort, 中文字体, 文字, 随机
发布在 JS实例 | 12 条评论 »
2023年03月17日 by 张 鑫旭 阅读 38796 次, 今日 14 次
想了10个与CSS相关的案例，看看chatGPT的CSS代码水平如何，评估下自己会不会失业，结果惊为天人！
阅读全文…
标签： :is, :where, @container, chatGPT, justify-content, linear-gradient, object-fit, text-align-last, 人工智能
发布在 CSS相关 | 17 条评论 »
2023年03月15日 by 张 鑫旭 阅读 23458 次, 今日 10 次
除了absolute绝对定位，margin负值，grid重叠外，我有发现了一种可以让元素叠加的CSS方法，是什么呢？
阅读全文…
标签： @container, container-type, figcaption, grid-area, inline-flex, 元素重叠, 布局
发布在 CSS相关 | 6 条评论 »
我的应用
我的应用