前端周刊第 432 期

上周：从 Cloudflare 因 useEffect 导致的自我 DDoS 事故，到前端生态里 TypeScript 的去留讨论，再到 CSS 2025 总结与 OKLCH 色彩空间的普及，几乎涵盖了前端开发的各个层面。

可以看到趋势很明显：一方面，工具链和框架正迎来分化与重构，比如 Bun 的生产适配争议、MCP 服务器的涌现；另一方面，CSS 和可视化在往更底层、更强大的能力演进，让前端开发者在原生层面就能做出过去必须依赖库的效果。

Web 开发

🔹告别 TypeScript 的实践：团队从 TypeScript 迁移出去的原因与过程反思。

🔹用 RAG 和 LangChain.js 打造更聪明的前端聊天机器人：结合检索增强生成和 LangChain 的实战指南。

🔹Cloudflare 如何因 React useEffect 导致自家网络自我 DDoS：一起由 React 代码引发的真实生产事故复盘。

工具

🔹Safari 26.0 的 WebKit 新特性：苹果浏览器最新版本支持的前端 API 与功能。

🔹面向前端开发者的 10 个 MCP 服务器：探索 Model Context Protocol 在前端的落地方案。

🔹为什么在生产环境用 Bun（可能）不是最佳选择：关于 Bun 的生产部署风险与注意事项。

动效与可视化

🔹用 React Three Fiber 创建沉浸式 3D 天气可视化：三维天气场景的构建教程。

🔹用 Expressive Animator 实现弹性与回弹动画：手把手带你做自然的动画过渡效果。

🔹用 SVG 替代 Animated GIFs：更高效的动态图解决方案。

CSS

🔹CSS 2025 年度总结：这已不是你熟悉的 CSS：新特性带来的格局转变。

🔹你需要了解的现代 CSS（2025 版）：CSS 最新能力全览。

🔹解决 overflow 容器中 focus 卡顿问题：减少交互延迟的技巧。

🔹纯 CSS anchor 定位的浮动焦点效果：利用定位 API 改善可访问性。

🔹CSS 生成内容的替代文本方案：让无障碍体验更完整。

🔹现代 CSS 攻克双焦点环问题：无障碍与美观的平衡。

🔹CSS offset 与 animation-composition 实现旋转菜单：新 API 的实际用法。

🔹为什么从 RGB/HSL 转向 OKLCH：现代色彩空间的优势。

🔹100 种实现元素水平垂直居中的方法：前端最经典的问题清单版解答。

🔹最“令人讨厌”的 CSS 特性：cos() 和 sin()：数学函数引发的争议。

🔹是时候放弃 Sass 吗？：CSS 原生能力已逐渐补齐。

🔹为 :headings 添加样式：一种 CSS 选择器的新玩法。

🔹苹果的私有 CSS 属性：Liquid Glass 效果：苹果内部定制的视觉能力。

JavaScript

🔹为什么 Fetch streams 不适合测量上传/下载进度：探讨流式 API 的边界。

🔹JavaScript 速成复习：ES6、数组方法、Async/Await、Import/Export（2025 版）：一份 JS 核心知识更新指南。

🔹从 Elixir 与 Phoenix 入门：JS 的另一种替代方案：前端开发的新选择。

🔹41 行纯 JS 实现冒泡排序可视化：简洁代码演示排序动画。

React

🔹React 的默认胜利正在扼杀前端创新：对 React 主导地位的反思。

🔹React 应用的不同样式方案：从 CSS 到 CSS-in-JS 的对比。

🔹用 Supabase 构建 React 鉴权系统：后端即服务的最佳实践。

🔹React Router 中的中间件机制：路由逻辑的新扩展。

🔹React Server Components 搞崩了我的应用：真实的踩坑经历。

🔹React Server Components 现在能用了吗？：开发者实测与结论。

Vue

🔹Nuxt UI 的 MCP Server 集成：AI 能力进入 Vue 生态的尝试。

🔹Vue 基础：掌握生命周期钩子：学习 Vue 的核心运行机制。

Angular

🔹展望未来：Angular 如何借助 AI 构建下一代应用：官方对智能化的解读。

🔹afterRenderEffect、afterNextRender、afterEveryRender 与 Renderer2：Angular 新增的渲染 API。

🔹Angular Signals 表单：验证与逻辑：信号驱动的表单实践。