2024年07月23日 by 张 鑫旭 阅读 22641 次, 今日 15 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年06月1日 by 张 鑫旭 阅读 653 次, 今日 61 次
CSS终于出了个可以自动匹配色值对比度的函数，这在无障碍访问领域特别受用，前景背景色从此可以自动适配了。
阅读全文…
标签： color, contrast, contrast-color, prefers-contrast, 无障碍网页应用, 颜色
发布在 CSS相关 | 4 条评论 »
2026年05月29日 by 张 鑫旭 阅读 805 次, 今日 34 次
继preventScroll参数之后，JS focus()方法又新增了一个名为focusVisible的可选参数，你知道它的作用是什么吗？（文末有个人碎碎念）
阅读全文…
标签： :any-link, :focus-visible, focus, focusVisible, preventScroll, 人工智能, 用户体验
发布在 JS API | 2 条评论 »
2026年05月25日 by 张 鑫旭 阅读 952 次, 今日 32 次
text-align 也藏冷门小知识点！match-parent 看似和继承效果相近，实际大有区别。面对逻辑对齐与 direction 布局，它能让样式计算值转为真实方位值。日常开发极少用到，兼容性却拉满，小众装逼特性带你一文吃透。
阅读全文…
标签： direction, getComputedStyle, text-align
发布在 CSS相关 | 没有评论 »
2026年05月18日 by 张 鑫旭 阅读 1590 次, 今日 27 次
好消息，现在不仅光标的颜色，连光标的形状也能设置了，同时还能控制光标是否闪烁，CSS特性真是越来越全面了。
阅读全文…
标签： animation, caret-color, caret-shape, color, cursor, steps
发布在 CSS相关 | 一条评论 »
2026年05月11日 by 张 鑫旭 阅读 2181 次, 今日 25 次
前端开发这么多年，有个心心念念的文字排版布局一直想要实现，那就是四面文字环绕效果，嘿，我发现，最近横空出世的pretext可以轻松实现这样的排版效果。
阅读全文…
标签： canvas, CSS Shapes, float, 文字, 文字排版
发布在 CSS相关 | 一条评论 »
2026年05月6日 by 张 鑫旭 阅读 2499 次, 今日 24 次
JSON对象新增了rawJSON方法，你知道他的作用是什么吗？
阅读全文…
标签： BigInt, isRawJSON, json, Object, rawJSON, 转义
发布在 JS API | 5 条评论 »
2026年04月27日 by 张 鑫旭 阅读 2631 次, 今日 23 次
CSS居然可以判断用户的鼠标是从上面进来的，还是从下面进来的，其实现原理非常巧妙，仿佛变魔术一般，有兴趣的可以进来了解一下。
阅读全文…
标签： :has(), :not, CSS嵌套, css相关, hover, 交互
发布在 CSS相关 | 5 条评论 »
2026年04月17日 by 张 鑫旭 阅读 3091 次, 今日 17 次
mediabunny是一个非常成熟的音视频处理工具库，目前是众多基于WebCodecs API的项目中出类拔萃的那一个，本文就将通过多个案例，展示如何使用mediabunny实现视频的水印、剪裁以及合成等。
阅读全文…
标签： audio, AudioBuffer, canvas, mediabunny, video, 水印, 视频合成, 音频
发布在 JS实例 | 一条评论 »
2026年04月13日 by 张 鑫旭 阅读 3263 次, 今日 23 次
先前有WeakMap和WeakSet，现在又出了JS WeakRef弱引用，可以优化内存开销，看案例很有价值，不过无论是官方还是我个人都建议大家谨慎使用，这又是为何呢？
阅读全文…
标签： AbortController, addEventListener, ArrayBuffer, Object, WeakMap, WeakRef, WeakSet, 缓存, 表达式闭包
发布在 JS API | 4 条评论 »
2026年04月7日 by 张 鑫旭 阅读 3231 次, 今日 19 次
如题，介绍六边形头像的CSS实现技巧，以及如何基于这个六边形实现高大上的蜂巢布局效果，又是展现CSS潜力的一天。
阅读全文…
标签： @property, container-type, corner-shape, direction, flex布局, grid, grid-column-start, if(), sibling-index()
发布在 CSS相关 | 4 条评论 »
我的应用
我的应用