FE Bits 前端周周谈

本期周刊回顾了作者在博客中新增的歌单与播放器功能，支持多种音乐列表和自定义语法，并介绍了Moe Copy AI的更新与深色模式。同时，汇总了Web平台最新动态，包括Vite、Gatsby、Oxc等项目的进展，以及CSS锚点定位、无JavaScript视频嵌入等实用技术，展现了前端生态的持续演进与创新。

本周前端技术动态聚焦于CSS Grid Lanes进展、React安全漏洞修复及各大浏览器对新特性的支持，同时探讨了AI工具（如Claude Code）的进阶使用与开发优化。文章推荐了多个优质资源，包括CSS层叠上下文详解、Web组件新API（如moveBefore）以及创意交互组件（如3D倾斜按钮），并介绍了前端工程实践中的自动化、调试与AI协作新范式。

本期聚焦前端性能与动画两大热点：Rolldown 正式发布 1.0 RC，凭借 Rust 带来 10–30 倍打包提速；Anime.js v4.3 引入自动布局动画功能，极大简化复杂界面过渡；Chrome 145 修复长期困扰的 `100vw` 滚动条问题，并支持嵌套 Overscroll 效果。与此同时，Vercel 发布代理技能平台 skills.sh，CSS Anchor Positioning 带来“随动”布局新模式。作者更新了 Moe Copy AI v0.3.0 新 UI，并分享 Electron 上架 MAS 与 astro-koharu 本地编辑器的开发心得。

本期周刊：jQuery 4.0.0 时隔十年正式发布，带来全面现代化改进；Chrome 145 终于实验性支持垂直标签页；Astro 团队加入 Cloudflare，继续专注框架核心开发；Vercel 发布 React 最佳实践规则集，助力 AI 编写更优代码；另有 V8 性能实测、Markdown 演化史与「告别 Scroll Fade」等精彩阅读推荐。

本期包含个人与项目进展：Discord 公群开放，Koharu 主题 v2 发布并上架 Astro 商店，新增 Koharu CLI（备份/还原、主题更新、内容生成、备份管理），Moe Copy AI 上架 Firefox；技术侧聚焦 CSS @scope 全面可用与 ViteLand 12 月回顾（Oxc 数十倍性能、Vite 8 Beta 原生插件、Vitest 引入 OpenTelemetry 与 fs 缓存、Rolldown 优化分块与选项）；精选 Temporal、Web Install API、现代 Hooks、包体积减重、加速计/Three.js/WebGL 动效等文章；工具与灵感涵盖 DiceBear、在线抖动器及 GitHub .png/.keys 小技巧，另荐 Addy Osmani 14 年 21 条职业经验与多款趣站/CodePen 作品。

本期分享了个人项目和前端技术动态，包括博客中实现的 CSS 低质量图片占位符（LQIP）、可开关的圣诞特效模块，以及 Moe Copy AI 插件的 v0.2.0 更新。同时介绍了 CSS 新特性如文本装饰内边距（text-decoration-inset）、锚点定位回退检测和容器样式查询，盘点了前端社区热点与实用工具。

本期周刊记录了赴长沙参加 FEDAY 2025 的见闻与个人博客更新：移植 Fumadocs 风格的移动端目录、为图片加入 LQIP 并显著提升性能；前端动态包括 shadcn 3.6 推出可定制组件库、Storybook v7+ 构建或泄露 .env 的安全公告、TanStack Start 增加 Vue 支持、Chrome DevTools 144 支持单请求限速；技巧分享用 SVG vectorEffect 修复虚线缩放问题；精选多篇 React/CSS/WebGPU/GSAP 优质内容与 CodePen 作品。

本期周刊记录了站点新增“零后端”相关推荐与 AI 摘要；缓存增量构建、上线零开销。生态方面，RSC 披露新漏洞并已修复，Three.js r182 发布，Deno 2.6 推出 dx，TypeScript 7 原生工具链进展显著，CSS 多项新特性推进。

本期周刊：博客再升级；生态方面：Chrome 143 发布；Bun 并入 Anthropic；TanStack AI 发布；MinIO 进入维护；Vite 8 Beta 采用 Rolldown。安全警报：React RSC 披露 CVE-2025-55182（CVSS 10.0），Next.js App Router 受影响，建议立即升级。附多篇前端与 CSS 佳作及 CodePen 精选。

本期周刊：博客 UI 更新并更名为 astro-koharu，域名迁至 blog.cosine.ren；计划自研评论与迁移旧评。社区要闻：WebGPU 主流浏览器全面支持、Ant Design 6 发布、Edge 上线站点级扩展开关、npm 再现供应链攻击、TanStack Pacer 发布、Better Auth 1.4 更新；精选文章与 CSS 新特性、工具与代码示例一览。

本期：Git 2.52 首次引入 Rust；Cloudflare 故障；Angular v21 聚焦 AI；CSS 进展：Masonry grid‑lanes、Chrome 144 锚点变换感知。

本期聚焦：周刊站点上线征建议，pnpm10.21安全性优化、TC39东京议程、Node25.2 Type Stripping稳定，Chrome宽高动画与CSS容器查询 range 进展，另收录 Visual Types、JS Engines Zoo 等趣站/Codepen。

本期聚焦 Chrome 分屏实验、Rspack 1.6 性能与输出优化与 npm Token 安全收紧，精选动效与排版实践（text-wrap、纯 CSS 交错、View Transitions）及深度好文（JS Source Map、sticky/剪贴板），并带来 Storybook 10、htmx 4.0、React Email 5 等工具更新与 CodePen 灵感。

Chrome 142 上线，GitHub 年度报告 TypeScript 登顶与 AI 成标配，Vercel 支持 Bun，VoidZero 获 A 轮，ViteConf/React Conf 重磅更新，CSS Typed Arithmetic 与锚点定位等实用精选。

本期速览：Next.js 16 发布、ChatGPT Atlas 登场、Cloudflare Sandbox 上线；RSC 性能实测；URLPattern 入 Baseline；CSS 新特性与 ColorMate。

本期速览：拆解 Cloudflare Workers 性能基准测试；Firefox 144 支持视图过渡；Bun 1.3；React Native 0.82 新架构；Next.js 16 Beta；Node.js 25 性能升级。

假期合刊：React Compiler 首个稳定版本 v1.0 发布，React 成立基金会；Vite 纪录片与 Vite+ 上线；Chrome 自动撤销通知权限；ElevenLabs UI、Coinbase CDS 开源；CodePen 精选呈现 WebGL、Anchor 定位等灵感。

本期速览：Chrome 推出 DevTools MCP 赋能 AI，Nuxt UI v4/Pro 开源免费；Cloudflare 发布 Email Service 私测；npm 强化供应链安全；Webflow 赞助 Astro；Wasm 3.0 发布。精选图片优化、findLast、Subgrid/@starting-style 等文章与实用工具。下周国庆停更，周刊网站开工。

本期聚焦前端安全与浏览器更新：Cloudflare 因 useEffect 误用致宕机复盘，NPM“沙虫”供应链攻击警报，pnpm 推出延迟安装降风险；Chrome 140 与 Safari 26 上线多项特性，Browserslist 支持 Baseline；附 CSS 2025 新能力、依赖治理与实用工具精选。

Remotion 停止自研转赞助 Mediabunny；npm 作者 Qix 与 DuckDB 团队相继账号被黑，多个热门包被注入恶意代码，引发供应链安全危机。文章方面涵盖字体特性、React Native 新架构迁移、ES2023 安全数组方法、Rust 构建的 JS 运行时 Andromeda、CSS 折射与色彩动态技巧等。趣味工具包括 SVG Path 编辑器、动画优先的 ForgeUI、图像对比库 BlazeDiff 等。Deno 2.5 版本更新权限管理。