2024年07月23日 by 张 鑫旭 阅读 22210 次, 今日 32 次

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。
阅读全文…
标签: CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年05月18日 by 张 鑫旭 阅读 671 次, 今日 92 次

好消息,现在不仅光标的颜色,连光标的形状也能设置了,同时还能控制光标是否闪烁,CSS特性真是越来越全面了。
阅读全文…
标签: animation, caret-color, caret-shape, color, cursor, steps
发布在 CSS相关 | 没有评论 »
2026年05月11日 by 张 鑫旭 阅读 1350 次, 今日 77 次

前端开发这么多年,有个心心念念的文字排版布局一直想要实现,那就是四面文字环绕效果,嘿,我发现,最近横空出世的pretext可以轻松实现这样的排版效果。
阅读全文…
标签: canvas, CSS Shapes, float, 文字, 文字排版
发布在 CSS相关 | 一条评论 »
2026年05月6日 by 张 鑫旭 阅读 1763 次, 今日 70 次

JSON对象新增了rawJSON方法,你知道他的作用是什么吗?
阅读全文…
标签: BigInt, isRawJSON, json, Object, rawJSON, 转义
发布在 JS API | 5 条评论 »
2026年04月27日 by 张 鑫旭 阅读 2026 次, 今日 58 次

CSS居然可以判断用户的鼠标是从上面进来的,还是从下面进来的,其实现原理非常巧妙,仿佛变魔术一般,有兴趣的可以进来了解一下。
阅读全文…
标签: :has(), :not, CSS嵌套, css相关, hover, 交互
发布在 CSS相关 | 5 条评论 »
2026年04月17日 by 张 鑫旭 阅读 2599 次, 今日 36 次

mediabunny是一个非常成熟的音视频处理工具库,目前是众多基于WebCodecs API的项目中出类拔萃的那一个,本文就将通过多个案例,展示如何使用mediabunny实现视频的水印、剪裁以及合成等。
阅读全文…
标签: audio, AudioBuffer, canvas, mediabunny, video, 水印, 视频合成, 音频
发布在 JS实例 | 一条评论 »
2026年04月13日 by 张 鑫旭 阅读 2724 次, 今日 31 次

先前有WeakMap和WeakSet,现在又出了JS WeakRef弱引用,可以优化内存开销,看案例很有价值,不过无论是官方还是我个人都建议大家谨慎使用,这又是为何呢?
阅读全文…
标签: AbortController, addEventListener, ArrayBuffer, Object, WeakMap, WeakRef, WeakSet, 缓存, 表达式闭包
发布在 JS API | 4 条评论 »
2026年04月7日 by 张 鑫旭 阅读 2733 次, 今日 35 次

如题,介绍六边形头像的CSS实现技巧,以及如何基于这个六边形实现高大上的蜂巢布局效果,又是展现CSS潜力的一天。
阅读全文…
标签: @property, container-type, corner-shape, direction, flex布局, grid, grid-column-start, if(), sibling-index()
发布在 CSS相关 | 4 条评论 »
2026年03月30日 by 张 鑫旭 阅读 2509 次, 今日 27 次

corner-shape可以生成多种复杂的图形,那么,有没有什么办法把这些图形变成底纹背景呢?
阅读全文…
标签: aspect-ratio, background, corner-shape, foreignObject, repeating-linear-gradient, SVG
发布在 CSS相关 | 2 条评论 »
2026年03月17日 by 张 鑫旭 阅读 4444 次, 今日 51 次

WebSocket还没用明白,现在又出了个WebTransport API,也是用来实现实时通信的,更强大,更完美,所有现代浏览器都已支持,无论是高并发、低延时还是可以丢数据的场景都支持。
阅读全文…
标签: encode, HTTP协议, json, NetworkInformation, WebCodecs, WebRTC, WebSocket, WebTransport
发布在 JS API | 7 条评论 »
2026年03月9日 by 张 鑫旭 阅读 3347 次, 今日 24 次

不知道了吧,dialog元素,没错,就是那个模态框弹层元素,现在也支持点击黑色蒙层关闭弹框了,就是这个closedBy属性。
阅读全文…
标签: ::backdrop, closedBy, dialog, popover, showModal
发布在 HTML相关 | 一条评论 »