前端周刊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 的实时状态管理。 推荐指数:⭐⭐⭐⭐


相关推荐
天才熊猫君3 小时前
Vue 3 命令式弹窗组件
前端
NEXT063 小时前
CSS基础-标准盒模型与怪异盒模型
前端·css
DaMu3 小时前
Dreamcore3D ARPG IDE “手搓”游戏引擎,轻量级实时3D创作工具,丝滑操作,即使小白也能轻松愉快的创作出属于你自己的游戏世界!
前端·架构·three.js
代码猎人3 小时前
什么是尾调用,使用尾调用有什么好处?
前端
AI_56783 小时前
Webpack从“配置到提速”,4步解决“打包慢、体积大”问题
前端·javascript·vue.js
pinkQQx3 小时前
手把手搭建前端跨平台服务(IPlatform + iOS / Android / Web)
前端·javascript
江启年3 小时前
对useEffect和 useMemo的一些总结与感悟
前端
中微子3 小时前
Web 安全:跨域、XSS 攻击与 CSRF 攻击
前端
Aotman_3 小时前
Vue el-table 字段自定义排序
前端·javascript·vue.js·es6
LaiYoung_3 小时前
🛡️ 代码质量的“埃癸斯”:为什么你的项目需要这面更懂业务的 ESLint 神盾?
前端·代码规范·eslint