2026年05月11日 by 张 鑫旭 阅读 3391 次, 今日 4 次
前端开发这么多年，有个心心念念的文字排版布局一直想要实现，那就是四面文字环绕效果，嘿，我发现，最近横空出世的pretext可以轻松实现这样的排版效果。
阅读全文…
标签： canvas, CSS Shapes, float, 文字, 文字排版
发布在 CSS相关 | 2 条评论 »
2026年05月6日 by 张 鑫旭 阅读 3563 次, 今日 6 次
JSON对象新增了rawJSON方法，你知道他的作用是什么吗？
阅读全文…
标签： BigInt, isRawJSON, json, Object, rawJSON, 转义
发布在 JS API | 5 条评论 »
2026年04月27日 by 张 鑫旭 阅读 3771 次, 今日 30 次
CSS居然可以判断用户的鼠标是从上面进来的，还是从下面进来的，其实现原理非常巧妙，仿佛变魔术一般，有兴趣的可以进来了解一下。
阅读全文…
标签： :has(), :not, CSS嵌套, css相关, hover, 交互
发布在 CSS相关 | 6 条评论 »
2026年04月17日 by 张 鑫旭 阅读 4440 次, 今日 4 次
mediabunny是一个非常成熟的音视频处理工具库，目前是众多基于WebCodecs API的项目中出类拔萃的那一个，本文就将通过多个案例，展示如何使用mediabunny实现视频的水印、剪裁以及合成等。
阅读全文…
标签： audio, AudioBuffer, canvas, mediabunny, video, 水印, 视频合成, 音频
发布在 JS实例 | 2 条评论 »
2026年04月13日 by 张 鑫旭 阅读 4566 次, 今日 9 次
先前有WeakMap和WeakSet，现在又出了JS WeakRef弱引用，可以优化内存开销，看案例很有价值，不过无论是官方还是我个人都建议大家谨慎使用，这又是为何呢？
阅读全文…
标签： AbortController, addEventListener, ArrayBuffer, Object, WeakMap, WeakRef, WeakSet, 缓存, 表达式闭包
发布在 JS API | 4 条评论 »
2026年04月7日 by 张 鑫旭 阅读 4129 次, 今日 5 次
如题，介绍六边形头像的CSS实现技巧，以及如何基于这个六边形实现高大上的蜂巢布局效果，又是展现CSS潜力的一天。
阅读全文…
标签： @property, container-type, corner-shape, direction, flex布局, grid, grid-column-start, if(), sibling-index()
发布在 CSS相关 | 4 条评论 »
2026年03月30日 by 张 鑫旭 阅读 3710 次, 今日 7 次
corner-shape可以生成多种复杂的图形，那么，有没有什么办法把这些图形变成底纹背景呢？
阅读全文…
标签： aspect-ratio, background, corner-shape, foreignObject, repeating-linear-gradient, SVG
发布在 CSS相关 | 2 条评论 »
2026年03月17日 by 张 鑫旭 阅读 7483 次, 今日 30 次
WebSocket还没用明白，现在又出了个WebTransport API，也是用来实现实时通信的，更强大，更完美，所有现代浏览器都已支持，无论是高并发、低延时还是可以丢数据的场景都支持。
阅读全文…
标签： encode, HTTP协议, json, NetworkInformation, WebCodecs, WebRTC, WebSocket, WebTransport
发布在 JS API | 7 条评论 »
2026年03月9日 by 张 鑫旭 阅读 4554 次, 今日 6 次
不知道了吧，dialog元素，没错，就是那个模态框弹层元素，现在也支持点击黑色蒙层关闭弹框了，就是这个closedBy属性。
阅读全文…
标签： ::backdrop, closedBy, dialog, popover, showModal
发布在 HTML相关 | 一条评论 »
2026年03月4日 by 张 鑫旭 阅读 5108 次, 今日 5 次
卧靠，不仅点击popover交互纯CSS可以完全实现，现在就连任意Hover悬停交互效果也都只需要HTML和CSS就能实现了，其中的关键就是interestfor属性。
阅读全文…
标签： :interest-source, :interest-target, hover, interestfor, label, popover, popovertarget
发布在 CSS相关, HTML相关 | 5 条评论 »
我的应用
我的应用