前端周刊430期(2025年9月1日–9月7日)

前端周刊:系统性追踪海外一手前端动态,用地道的技术语言为中文开发者重构内容~

💬 扫码进群 | 🌍 海外情报源清单 | 🐱Github

💬 推荐语: 上周的前端圈子挺有意思:Vite 悄悄成为默认工具,Chrome 庆祝 17 岁生日,前端历史与未来的对比很耐人寻味。GSAP 动效依旧带来灵感,CSS 新特性也层出不穷,React/Svelte/Angular 等框架都在更新,生态热闹而多元。

🗂 本期精选目录

Web 开发

🔹《轻松实现函数式自定义元素》:用更轻松的方法实现函数式自定义元素。 推荐指数:⭐⭐⭐

🔹《让 XML 更易读,而不是靠 XSLT》:不依赖 XSLT,让 XML 变得更易读。 推荐指数:⭐⭐⭐

🔹《Vite 的静默崛起:对你的技术栈意味着什么》:Vite 静悄悄成为主流,对前端技术栈意味着什么。 推荐指数:⭐⭐⭐⭐

🔹《Chrome 17 岁了:一部浏览器的历史》:Chrome 浏览器 17 周年,一部发展史回顾。 推荐指数:⭐⭐⭐⭐

🔹《黑客未来:前端篇》:探索前端未来趋势的黑客式思考。 推荐指数:⭐⭐⭐

🔹《Nx 调查揭示 GitHub Actions 漏洞:npm Token 被盗,转向 Trusted Publishing》:Nx 团队调查发现 GitHub Actions 漏洞导致 npm token 被盗,推动转向 Trusted Publishing。 推荐指数:⭐⭐⭐⭐

🔹《前端学习笔记:安装 npm 包与打包》:前端学习笔记:安装 npm 包与打包基础。 推荐指数:⭐⭐⭐


性能 Performance

🔹《Node.js 在 2025 年如何榨干 I/O 性能》:Node.js 在 2025 年如何榨干 I/O 性能潜力。 推荐指数:⭐⭐⭐⭐

🔹《是否该预加载字体以提升性能?》:是否需要预加载字体来提升性能。 推荐指数:⭐⭐⭐


特效 Effects

🔹《用 GSAP 重现 Palmer 的可拖拽商品网格》:用 GSAP 重现 Palmer 的可拖拽商品网格。 推荐指数:⭐⭐⭐⭐

🔹《GSAP 开发者必知的 7 个动画技巧》:GSAP 开发者必知的 7 个动画技巧。 推荐指数:⭐⭐⭐⭐⭐


CSS

🔹《关键帧偏移详解》:深入理解关键帧偏移的用法。 推荐指数:⭐⭐⭐

🔹《CSS 对齐基础》:CSS 对齐基础知识梳理。 推荐指数:⭐⭐⭐⭐

🔹《你需要知道的 CSS 颜色插值》:关于 CSS 颜色插值你需要了解的点。 推荐指数:⭐⭐⭐⭐

🔹《纯 CSS 时间进度条:支持 Markdown / GitHub Pages》:纯 CSS 实现的时间进度条,适合在 markdown / GitHub Pages 使用。 推荐指数:⭐⭐⭐

🔹《light-dark() 函数是否应该支持更多模式?》:探讨 light-dark() 是否应支持更多模式。 推荐指数:⭐⭐⭐

🔹《CSS 颜色混乱实验》:一次关于 CSS 颜色的混乱探索。 推荐指数:⭐⭐⭐


JavaScript

🔹《为什么浏览器会限制 JavaScript 定时器?》:为什么浏览器要限制 JS 定时器的精度。 推荐指数:⭐⭐⭐⭐

🔹《用 Intl.Segmenter 精准计算文本长度》:用 Intl.Segmenter 精准计算文本长度。 推荐指数:⭐⭐⭐

🔹《JavaScript 开发者的精益思维》:JavaScript 开发者的精益思维。 推荐指数:⭐⭐⭐⭐

🔹《Svelte 2025 年 9 月更新》:Svelte 2025 年 9 月更新。 推荐指数:⭐⭐⭐

🔹《Angular 2025 夏季更新》:Angular 2025 夏季更新。 推荐指数:⭐⭐⭐

🔹《100 行 JavaScript 写扫雷》:用 100 行 JS 写扫雷游戏。 推荐指数:⭐⭐⭐⭐


React

🔹《用 Vite 构建 SSR:自定义替代 getStaticProps》:用 Vite 构建 SSR,自定义替代 getStaticProps。 推荐指数:⭐⭐⭐⭐

🔹《从服务端状态派生客户端状态》:探索如何从服务端状态推导出客户端状态。 推荐指数:⭐⭐⭐⭐

🔹《React 组件样式终极指南》:React 组件样式终极指南。 推荐指数:⭐⭐⭐⭐

🔹《用 React + Fluent-State 构建实时状态管理》:借助 Fluent-State 实现 React 的实时状态管理。 推荐指数:⭐⭐⭐⭐


相关推荐
kyriewen2 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒3 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
小林攻城狮3 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦3 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
the_answer4 小时前
Webpack vs Vite 深度对比分析
前端·webpack
转转技术团队4 小时前
验证码识别实战:前端不写页面,改训模型了?
前端
MomentYY4 小时前
Temperature:AI 的“脑洞旋钮”
前端·llm·ai编程
远航_4 小时前
OpenSpec 完整详细介绍
前端·后端
召钱熏5 小时前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端
SkyWalking中文站5 小时前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控