FE Bits 前端周周谈

本期周刊回归：个人吐槽 VSCode 变卡后转向 lazygit 与 Zed；社区焦点关注 Deno 2.8 正式发布，Node.js 兼容率飙升至 76.4%，支持 deno install 替代 npm install。文章精选涵盖自定义滚动条实现、Cross-Document View Transitions 深度解析、2026 年 CSS 居中方法全面梳理、框架无关设计系统构建、Chrome 声明式部分更新 API、GSAP 滚动驱动 SVG 地图动画、CSS vs JS 动画性能对比，以及 AI 时代技术写作价值探讨。CSS 新特性关注 contrast-color() 等进入 Baseline。工具推荐 react-doctor（React 代码诊断修复）与 Liquid Layout（轻量布局引擎）。另附 Aimee's Papercraft World 纸艺互动网站与 JS Crossword 硬核填字游戏。

本期周刊分享离职感慨与 AI 前景讨论等个人动态。社区焦点涵盖 Next.js 严重 WebSocket SSRF 漏洞（CVE-2026-44578）、TanStack OIDC 令牌泄露导致 84 个包投毒、AntV npm 供应链攻击，以及 Tailwind CSS v4.3 正式发布（新色板、webpack 插件等）和 Bun 合并 .claude 相关 PR。文章精选包括控制无限 CSS 动画的巧妙技巧、本地优先 Web 架构解析、Node.js 26 新特性概览、跨文档视图过渡的避坑指南等。CSS 新特性关注 Chrome 149 原生支持 Gap Decorations 与 Safari 26.5 新增 :open 伪类等。工具推荐集成 AI 配对的字体浏览工具 Find Font，趣站则呈现 Dave Holloway 极具个性的 WebGL 作品集。

社区焦点：Vercel 因第三方 AI 工具遭入侵披露安全事件；sizes="auto" 全面支持，响应式图片手写 sizes 时代终结。文章精选 Git 2.54 实验性 git history、Shopify 性能优化与 2026 技术 SEO 指南。趣站推荐 WebGPU 百万级草叶景观 False Earth 与纯 CSS 重现 Vision Pro 动画。

本期周刊分享博主 4 月新番体验与年度体检后的减肥 flag。社区焦点：MUI v9 同步 MUI X 主版本、Chrome 148 Beta 引入音视频原生懒加载，Google 打击“后退按钮劫持”。文章精选涵盖 Web 动画挤压拉伸原则、垂直代码架构、Intl API、TanStack 对 React Server Components 的另类实现。CSS 新特性关注多列布局折行与纯 CSS 日期范围选择。工具推荐 Zig+WASM 高性能 Web 终端 wterm、动画 React 组件库 Animata 与 React Photo Album 相册组件。

axios 供应链攻击始末与防护建议、JetStream 3.0 跨浏览器基准测试发布、Babylon.js 9.0、CSS contain/shape()/subgrid 等新特性文章合集。

社区焦点：TypeScript 6.0 作为 5.x 最终版与 Go 重写 7.0 的过渡版本正式发布，Next.js 16.2 推出稳定跨平台 Adapter API，Safari 26.4 带来 CSS Grid Lanes 与 WebTransport 等 44 项新特性。文章精选涵盖 Addy Osmani 对 AI 理解债的警示、React 设计约束本质解析，以及纯 CSS 实现动态连线等实战技巧。CSS 栏目聚焦 corner-shape 与滚动驱动动画，展示新特性替代 JavaScript UI 库的可能。个人动态分享了 AI 辅助编程日常、2025 年终总结与旅行记录。

本期关注原生 JSON 模块通过 Import Attributes 正式落地，终结打包工具模拟时代；CSS light-dark() 即将支持图片自动切换，corner-shape 解锁更多 UI 角部形态。同时涵盖 Claude Code 接入 Telegram/Discord、Moment.js 向 Temporal API 迁移指南，以及前端内存泄漏实证研究等技术动态。

本期周刊聚焦前端工具链重大更新：Vite 8.0 采用 Rust 编写的 Rolldown 替代 esbuild，构建速度提升 10-30 倍；Astro 6.0 带来重构开发服务器与实时内容集合；尤雨溪官宣专为 Vite 打造的 Void 原生部署平台。文章精选涵盖 Popover API 实践、十亿行数据虚拟滚动技术、纯 CSS 里程表动画及 Sanitizer API 安全替代方案。CSS 新特性关注 border-shape 几何盒模型。个人动态分享了自制 AI Bot 的趣事与季度番剧推荐。

本期周刊：过完年恢复更新，同时开源了轻量级 macOS 划词翻译 MoePeek（Swift 6，约 5MB/50MB）。社区焦点：React 基金会迁入 Linux 基金会、TanStack 推出 Hotkeys、Oxfmt 进 Beta（Prettier 规则全兼容、多格式与 Tailwind 类排序）、Claude Code 上线远程控制；所谓“CSS 漏洞”实为 Chromium UAF。文章精选涵盖更安全的 Error.isError、显式资源管理 using/[Symbol.dispose]、高鲁棒 React 组件、十亿行虚拟滚动，以及 CSS 列表/zoom/sprites 实战。CSS 新特性关注 border-shape；工具与玩具包括 Modern CSS Snippets、CanWeUse 聚合、broz 截图浏览器、SVG Studio，并附多款精致 CodePen 与趣站。

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

本周前端技术动态聚焦于CSS Grid Lanes、React安全修复与性能优化、浏览器引擎共识进展，以及AI工具（如Claude Code）的进阶使用场景。文章深入探讨了Web开发中的新特性、最佳实践与工具创新，涵盖从布局优化到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 多项新特性推进。

本期周刊：博客 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 版本更新权限管理。

本文围绕前端发展的“变”与“不变”展开：一方面，外在技术形态如 CSS 标准、构建工具和框架在持续迭代；另一方面，核心设计思想如状态管理、组件分解、渲染优化和可维护性却始终存在。文章提醒开发者要在技术潮流中抓住长期有效的原则，并同时关注前端作为创意表达的特质。后续内容还收录了生态动态、CSS 新特性、社区文章、趣味项目及手办分享，展现了前端社区的活跃与多元。

本期聚焦 Nx 供应链投毒、Remix v3 转向 Preact、Firefox 实验 PWA 与 Chrome DevTools 网络面板 AI。实践与教程涵盖 sendBeacon 上报、字体加载最佳实践、hidden=until-found、Big O 与 Semver 性能。CSS 专题包括 interpolate-size、corner-shape、Anchor Positioning、纯 CSS 电梯与 clip/offset-path 深入。工具与版本侧有 CSS HDR Gradients、LiftKit、electron-liquid-glass、Uppy，以及 ESLint 并行、Zod Codecs、Node 24.7、Rspack 1.5 与 Prisma 6.15

本周前端周刊汇总 Next.js 15.5、ReactNative 0.81、TC39 进展与 Win11 补丁争议，推荐 RSC 实践、Chrome 内置 AI API、LLM 局限等文章及多款工具库。

本周前端周刊介绍了 GitHub CEO 辞职、微软关闭 Lens、RSLint 发布等动态，聚焦 CSS attr()、anchor positioning、PostCSS 经验复盘、AI 工具实践、开源项目的演进与社区思考。工具推荐包括 CSS-Questions、self.so、Online CSS Analyzer、Omnara AI 监工等，有实用 CSS 新特性与开发资源。

本期周刊聚焦生态与社区动态，亮点包括 V8 引擎提升 JSON.stringify 性能两倍，Vite npm 周下载量首超 Webpack，Vite 生态如 Rolldown 启动提速和 Oxlint 类型检查进展。内容涵盖 npm、Deno 社区新闻、新发布 CSS 特性、深度文章（如 Tree Shaking、RAG、字符编码）及 AwesomeIndex、Kibo UI 等工具库更新。

本期为 FE Bits 前端周周谈创刊号，精选并总结了过去一周全球泛前端生态的新动向、重要技术动态、文章推荐、工具和代码库更新，以及深入分析几篇行业高质量内容。内容涵盖 TypeScript、React、CSS Masonry、Web 安全、Node.js/Bun、新一代前端架构（Remix 3）、Web 交互特效、独立开发实践等。