前言

今天是 2025 年 8 月 2 日，星期六，不是什么特殊日子。

我是 cos（cosine），之前在自己的频道经常进行一些输出，想将其记录下来，于是写下了这个周刊的描述，先开始再说！

随性更新，捡拾那些值得细品的泛前端圈子的新鲜事，不争高低，只作播报，把最新、最好玩的技术，第一时间分享给同样好奇的你～
这里没什么大新闻推送，也不卷热点。就像在朋友圈跟你碎碎念，聊聊最近前端和技术圈的那些有趣小事。
不是每条都要“颠覆世界”，但都让我觉得“哎，这不错，想和你分享”。
可能是偶尔深夜刷到的新闻，也可能是偶尔工作摸鱼时的灵感，或者一段小小的吐槽。
总之代码和生活都要松弛一点，慢慢看、慢慢聊，别让新技术把自己搞得太紧张。
反正我也不急——你也别急～

其实这些新闻平常自己都能看，我只不过借助 AI 和自己的总结做了一些汇总以及翻译的工作，因为中文互联网的前端精品周刊现在难得一见，大多数都停更了或是扩圈了，索性自己做了～

我希望这个周刊不那么严肃，更自然一些，但是还在摸索阶段，暂时是我一个人维护，所以很依赖 AI 和自动化，相对的就少了些人味儿，非常欢迎评论反馈。

更新时间期望是在每周天，若本周内容少，则可能合并到下一期作为双周刊～推荐使用 Folo 订阅本周刊的 Quality RSS。

本周刊同时也开源在 fe-bits-weekly，欢迎关注

生态与社区动态

AI 简评：嚯，社区最近可真热闹！TypeScript 5.9 RC 带着 import defer 和 Node 20 新模块来串门了，TanStack DB 也端出首个 Beta 版，给 Query 加了点“本地存储魔法”，增量更新嗖嗖快。HTML 和 Stack Overflow 两大年度调查又开张了，React 依然是“梦中情框架”，Svelte 则靠“魅力值”圈粉。Parcel 和 React Native 也没闲着，一个猛攻 React Server Components，一个在 iOS 上搞预编译号称要“快十倍”，卷得飞起！es-toolkit 悄悄上位，成了 Lodash 的“平替明星”，Vercel 更是整了个新活“Fluid compute”——说白了就是“无服务器的服务器”（这名字起得...绝了）。至于 Tabs vs Spaces 的“圣战”？有人宣布“大局已定”：Spaces 党赢了。安全方面嘛... npm 江湖不太平，is 包被钓鱼劫持，Stylus 更是惨遭“连坐”乌龙被误删（现已复活），吓得谷歌赶紧掏出“OSS Rebuild”当救兵。哦对了，W3C 发了份“价值观宣言”，而最甜的是——MDN 文档网站过 20 岁生日啦！

社区动态

浏览器制造商之间有一个悠久的传统，即互相发送蛋糕以纪念重要的里程碑。一个好的蛋糕对于保持团队之间的协作精神非常重要，这些团队有时会竞争，但最终会建立一个每个人都可以享受的开放网络。Microsoft 为 Firefox 2、3 和 4 发送了 Mozilla 蛋糕，我们还为 IE10 发送了 Mozilla 蛋糕
An image to describe post

编者按：好有意思的庆祝生日

安全动态

文章与视频

  • 《TailwindCSS v4 全新颜色系统与主题切换》本文介绍了在 TailwindCSS 中实现暗色模式（dark mode）颜色切换的演变，从使用 CSS 变量到新版 v4 应用 color-mix() 混色函数和 @layer 层级特性。作者也推荐了自己开发的 Pastel 颜色系统库以便更好应用这些特性。
  • 《独立开发穷鬼套餐(Web 实践篇)》本文聚焦独立开发，分析独立开发者在成本敏感阶段时，推荐基于 Next.js 生态、善用云平台/Cloudflare/VPS 的免费与低价服务组合，少花时间精力在技术堆栈和云服务“薅羊毛”上，把更多心力放在产品打磨与市场推广上，实现“低成本、高专注、快试错”的独立开发之路。
  • 《The Useless useCallback》React useCallback 的滥用现象与性能相关实践讨论，分析 useCallback、useMemo 潜在问题，展望 React Compiler 与 useEffectEvent 等新工具的改善能力。

编者按：也算是 React 的日经问题了 hhh

An image to describe post

An image to describe post

  • 《使用 Three.js、WebGPU 和 TSL 进行交互式文本销毁》本篇文章系统地讲解了如何借助 Three.js、WebGPU 以及 Three Shader Language（TSL），实现炫酷的 3D 交互文字爆炸效果动画。内容覆盖从字体准备、场景搭建、顶点及物理模拟，到高级后处理，完整展示了现代 Web 图形技术的艺术与技术融合。

An image to describe post

编者按：看了这篇突然意识到我写的那篇好烂，完全不是面向基础的教程哈哈哈～感觉这种一步步来的真不好写。

CSS 新特性

  • 《Brick by brick: Help us build CSS Masonry》Chrome 和 Edge 团队宣布 CSS Masonry 布局已在 Chrome/Edge 140 中开放开发者测试，文章详细介绍了 CSS Masonry 的概念、与现有布局的对比、两种正在讨论的语法提案等
  • 《Making a Masonry Layout That Works Today | CSS-Tricks》介绍了当前 CSS Masonry 的浏览器支持现状及其多种语法方案，并提出了一种通过简洁 JavaScript 实现兼容所有主流浏览器的马赛克布局方法。
  • 《Creating a scroll-spy with 2 lines of CSS》：Chrome 140 浏览器引入 scroll-target-group 和 :target-current，可用两行 CSS 实现目录高亮跟踪效果，将其添加为用户的渐进式增强功能非常容易。作为一项标准轨道功能，它最终应该会跨浏览器登陆。

代码、工具与库更新

  • World Clock Slider：这是一款智能时钟组件，支持滑动快速查看各时区城市当前时间。操作流畅，还支持深色模式，非常酷。
    An image to describe post
  • StaticSearch：为静态站点增添搜索，无需后端，基于 Javascript，数据存储为 JSON。
  • Oklchroma：基于 OKLCH 色彩空间的一键和谐色板生成器，内置曲线渐变算法。
  • AudioTee.js：为 Node.js 捕捉 macOS 系统音频输出，并以 PCM 格式定期输出。
  • FossFLOW：等距基础架构图形工具，支持丰富图标与数据管理
  • difit：使用 GitHub 风格查看器查看和审查本地 git 差异的 CLI 工具，评论还可以作为 AI 提示进行复制。
  • 7.css：忠实还原经典 Windows 7/XP UI 的 CSS 设计系统
  • Better Upload 支持各类 S3 兼容存储的极简文件上传，适配 Next.js、TanStack Start、Remix 和 Hono 等框架。
  • Transformers.js 3.7：在浏览器与 Node.js 侧支持 ONNX 预训练模型推理，v3.7 增加了 Voxtral（语音转录及音频理解）、LFM2 和 ModernBERT 支持。
  • match-sorter 8.1：为数组筛选和排序提供确定性算法，便于开发者实现可预期的最优匹配排序。
  • React Native Reanimated 4 正式带来类 CSS 动画与过渡体验到 React Native，兼具复杂能力与高性能。
  • Rooks.js 8.4 提供接近 100 个自定义 hooks，涵盖在线状态、窗口大小、语音合成、键盘输入等各类场景。

深入分析

本篇章为结合 AI 摘要对感兴趣的文章进行的一些详细分析～

使用我自己开发的 MoeCopy AI 浏览器插件进行的网页总结！超轻量级，填入自己的 apikey 即可使用，欢迎尝试~喜欢的话可以给个 star。 Chrome 商店

公众号排版受限，请移步 外部博客 查看完整版～

Refs

结语

周刊第一期到这里就结束啦，欢迎多多反馈纠错！

其实这些新闻平常自己都能看，我只不过借助 AI 和自己的总结做了一些汇总以及翻译的工作，因为现在中文互联网的前端精品周刊现在难得一见，大多数都停更了或是扩圈了，索性自己做了～我希望这个周刊不那么严肃，更自然一些，但是还在摸索阶段，暂时是我一个人维护，所以很依赖 AI 和自动化，相对的就少了些人味儿，非常欢迎评论反馈。

感谢观看～

推荐使用 Folo 订阅本周刊的 Quality RSS。
本周刊同时也开源在 fe-bits-weekly，欢迎关注

#前端 #JavaScript #全栈 #AI #WASM