FE Bits Vol.29 ｜原生 JSON 模块落地，CSS light-dark() 支持图片切换

关于本周刊

本期网址 https://blog.cosine.ren/post/weekly-29 本周刊更新时间期望是在每周天。推荐订阅本周刊的 RSS。公众号前端周周谈 FE Bits，点击阅读原文链接可查看原文。 QQ 讨论小群 598022684 / Discord 群

本周刊文章内容同时也开源在 fe-bits-weekly，欢迎关注。

今天是 2026 年 3 月 22 日，星期日。

个人动态

最近终于优化了博客的构建速度，也接入了 Bangumi 追番功能准备下一步在文章里加语法（

但是在博客里应该是出不出去的吧所以就当我晒晒（x）

Claude Code 推出 Telegram 和 Discord 官方插件：Claude Code 推出官方插件，支持远程连接 Telegram 和 Discord，并提供了详细配置指南。
原生 JSON 模块终于实现：文章介绍了通过 JavaScript 的 import attributes 如何原生支持 JSON 模块导入，结束了此前依赖打包工具模拟的时代。
More Easy Light-Dark Mode Switching: light-dark() is about to support images!：CSS light-dark() 函数即将支持图片值，允许通过单一属性声明实现根据配色方案自动切换背景图、遮罩或 Logo，无需繁琐的媒体查询。这也太新了～ Firefox 150 已率先支持，Chromium 148 提供实验性实现，Safari 暂无支持

从 Moment.js 迁移到 JS Temporal API：详细介绍了如何将 JavaScript 项目中现有的 Moment.js 代码迁移到新的内置 Temporal API。
何时选择 Deno 或 Bun 优于 Node.js：深入探讨了何时选择 Deno 或 Bun 作为 JavaScript 运行时比 Node.js 更优，强调根据项目具体约束进行技术选型的重要性。
view-transitions-mock：View Transitions 的非视觉 Polyfill：view-transitions-mock 是 View Transitions 的 polyfill，解决浏览器兼容性问题，在无原生支持的浏览器中也能无错运行并更新 DOM。
contrast-color() 的进阶用法：介绍 contrast-color() CSS 函数的进阶用法，使其能返回黑白之外的颜色，实现更灵活的动态主题。
前端内存泄漏实证研究：一项针对 500 个开源项目的前端内存泄漏实证研究，讲解了主流框架中常见的泄漏模式及其性能代价。
JPEG 压缩算法解析：深入浅出地解析 JPEG 压缩算法如何利用人类视觉特性与数学变换实现图像的高效压缩。

CSS corner-shape 属性解锁更多 UI 角部形状：介绍了 CSS 新属性 corner-shape 如何与 border-radius 协同工作，为 UI 设计带来圆形以外的更多角部形状。
CSS @supports at-rule() 检测 @rule 支持：介绍了 CSS 中 @supports at-rule(@keyword) 这一新特性，用于检测特定 @rule 的支持情况。
Abusing Customizable Selects：探索如何利用 CSS 新特性 appearance: base-select 渐进式增强，突破原生选择框的视觉限制，实现极具创意的 UI 交互。