2026年06月29日 by 张 鑫旭 阅读 2265 次, 今日 9 次
告别fetch()和JSON.parse()，现在可以直接import JSON文件啦，浏览器内置能力，使用超级方便。
阅读全文…
标签： @import, fetch, json, module, TypeScript
发布在 JS API | 一条评论 »
2026年06月24日 by 张 鑫旭 阅读 2152 次, 今日 8 次
之前prefers-color-scheme实现深色模式效果的方案实在是太鸡肋了，脱离现实，远离用户，体验不佳，CSS light-dark()函数才是真正的解决之道。
阅读全文…
标签： @media, color-scheme, contrast, darken, light-dark(), prefers-color-scheme, prefers-contrast
发布在 CSS相关 | 一条评论 »
2026年06月22日 by 张 鑫旭 阅读 2170 次, 今日 2 次
介绍两个我觉得相当实用的HTML和DOM新特性，自此，无JS交互的场景再次丰富了一层，有兴趣的可以进来了解一番。
阅读全文…
标签： beforetoggle, command, commandfor, details, dialog, popover, popovertarget, toggle()
发布在 CSS相关 | 一条评论 »
2026年06月10日 by 张 鑫旭 阅读 3030 次, 今日 7 次
CSS图形表现领域又加入了一员猛将，那就是border-shape属性，可以实现任意的边框图形效果，且不只是边框。
阅读全文…
标签： border-shape, caret-shape, clip-path, corner-shape, CSS Shapes, drop-shadow, shape()
发布在 CSS相关 | 2 条评论 »
2026年06月1日 by 张 鑫旭 阅读 3156 次, 今日 10 次
CSS终于出了个可以自动匹配色值对比度的函数，这在无障碍访问领域特别受用，前景背景色从此可以自动适配了。
阅读全文…
标签： color, contrast, contrast-color, prefers-contrast, 无障碍网页应用, 颜色
发布在 CSS相关 | 6 条评论 »
2026年05月29日 by 张 鑫旭 阅读 3173 次, 今日 7 次
继preventScroll参数之后，JS focus()方法又新增了一个名为focusVisible的可选参数，你知道它的作用是什么吗？（文末有个人碎碎念）
阅读全文…
标签： :any-link, :focus-visible, focus, focusVisible, preventScroll, 人工智能, 用户体验
发布在 JS API | 4 条评论 »
2026年05月25日 by 张 鑫旭 阅读 2797 次, 今日 5 次
text-align 也藏冷门小知识点！match-parent 看似和继承效果相近，实际大有区别。面对逻辑对齐与 direction 布局，它能让样式计算值转为真实方位值。日常开发极少用到，兼容性却拉满，小众装逼特性带你一文吃透。
阅读全文…
标签： direction, getComputedStyle, text-align
发布在 CSS相关 | 没有评论 »
2026年05月18日 by 张 鑫旭 阅读 3872 次, 今日 8 次
好消息，现在不仅光标的颜色，连光标的形状也能设置了，同时还能控制光标是否闪烁，CSS特性真是越来越全面了。
阅读全文…
标签： animation, caret-color, caret-shape, color, cursor, steps
发布在 CSS相关 | 2 条评论 »
2026年05月11日 by 张 鑫旭 阅读 4167 次, 今日 5 次
前端开发这么多年，有个心心念念的文字排版布局一直想要实现，那就是四面文字环绕效果，嘿，我发现，最近横空出世的pretext可以轻松实现这样的排版效果。
阅读全文…
标签： canvas, CSS Shapes, float, 文字, 文字排版
发布在 CSS相关 | 2 条评论 »
2026年05月6日 by 张 鑫旭 阅读 4427 次, 今日 5 次
JSON对象新增了rawJSON方法，你知道他的作用是什么吗？
阅读全文…
标签： BigInt, isRawJSON, json, Object, rawJSON, 转义
发布在 JS API | 5 条评论 »
我的应用
我的应用