前端下一步

前端下一步

前端下一步

原《前端周刊》正式升级为《前端下一步》，门户站点：https://frontendnext.com，助力前端开发者转型AI Agent工程师～

等 585 人订阅共209篇文章创建于2023-03-07

工具过多：如何管理前端工具泛滥？

人们天生难以在选择繁多的情境中保持效率——太多似乎难以区分的选项，会模糊决策的清晰度，也令每件小事失去简单之美。这种选项的泛滥，正悄然影响软件工程的各个领域，前端开发尤其深受其害。从前，构建一个

8月前
768
3
2

工具过多：如何管理前端工具泛滥？

黑客劫持：周下载量超20+亿的NPM包被攻击

上周，黑客攻击者通过钓鱼手段入侵了 NPM 包维护者的账号，并在多个下载量巨大的包中注入恶意代码。这些包合计每周下载量超过 **26 亿次**，影响范围极其广泛。

8月前
895
4
评论

黑客劫持：周下载量超20+亿的NPM包被攻击

bun install：安装过程的幕后揭秘

运行 bun install 很快，是真的很快。平均而言，它比 npm 快约 7 倍，比 pnpm 快约 4 倍，比 yarn 快约 17 倍。在大型代码库里差异尤其明显——原本要花几分钟的事，现在只

8月前
817
4
3

bun install：安装过程的幕后揭秘

前端周刊431期（2025年9月8日–9月14日）

本期最突出的主题有两个：**安全与原生化**。npm 包接连被劫持，影响范围达到每周 20 亿次下载，说明供应链攻击已经不只是“安全部门”的问题，而是前端开发者必须随时警惕的风险。同时，原生 Web

8月前
851
3
评论

前端周刊431期（2025年9月8日–9月14日）

CSS 颜色混乱实验

为什么表示颜色的方式有这么多种？你知道什么事情总让我觉得好笑吗？在 CSS 里，同一种颜色居然能有四种不同的写法，而浏览器还会点点头表示 “嗯，没问题，有效”。试想一下，如果你把 “blue（蓝色）

8月前
1.3k
15
1

为什么浏览器要限制 JavaScript 定时器？

即便你已经玩转 JavaScript 有一段时间，也许你会对 setTimeout(0) 不是字面意义的 setTimeout(0) 感到惊讶。实际上，它通常会延迟大约 4 毫秒后执行：十年前

8月前
1.0k
10
评论

为什么浏览器要限制 JavaScript 定时器？

Node.js 如何在 2025 年挤压 I/O 性能

开发者依然常常困惑：既然运行时是单线程的，为什么不会卡死？为什么 setTimeout(0) 会“晚”触发？Promise、process.nextTick 和 setImmediate 究竟落在哪

8月前
832
8
评论

Node.js 如何在 2025 年挤压 I/O 性能

Chrome 17 岁了——我们的浏览器简史

我还记得 2008 年的那个秋天，Google 发布 Chrome——一个用漫画做新闻稿的、古灵精怪的新浏览器。作为在 Chrome 团队待了很久的人，我亲眼看着它从一个“创新孵化器”成长为被数十亿

8月前
3.1k
30
3

Chrome 17 岁了——我们的浏览器简史

前端周刊430期（2025年9月1日–9月7日）

上周的前端圈子挺有意思：Vite 悄悄成为默认工具，Chrome 庆祝 17 岁生日，前端历史与未来的对比很耐人寻味。GSAP 动效依旧带来灵感，CSS 新特性也层出不穷......

8月前
836
11
评论

前端周刊430期（2025年9月1日–9月7日）

什么是 OKLCH 颜色？

OKLCH 是一种较新的颜色模型，设计目标是感知均匀（perceptually uniform）。换句话说，它能够更贴近人类视觉的感受来表示颜色，让我们在使用和调整颜色时更加顺手、直观。颜色模型

8月前
1.3k
19
3

把一个 JavaScript 游戏打包成桌面应用的挣扎

故事要从我花时间做网页小游戏开始。当时，我在考虑各种变现的方式。遗憾的是，我很快意识到，唯一“现实”的选择就是给网页游戏门户写休闲小游戏，然后靠广告赚钱。这个模式让我毫无兴趣。我更想做一些更深度的游

8月前
1.3k
29
7

把一个 JavaScript 游戏打包成桌面应用的挣扎

Obs.js：面向所有人的上下文感知 Web 性能

Obs.js 通过读取少量的浏览器信号（Navigator 和 Battery API），推断出用户的连接强度、电池状态以及设备性能。它将这些信号以 CSS 类的形式添加到 <html> 元素上，并且

8月前
1.8k
23
评论

Obs.js：面向所有人的上下文感知 Web 性能

理解 Promise.any()：一次成功就行

在 JavaScript 中处理异步代码时，Promise 一直是我们的老朋友。如果你用过 Promise.all() 或 Promise.race() 来协调异步操作，那你对这些模式不会陌生。但如果

8月前
636
3
评论

理解 Promise.any()：一次成功就行

CSS 电梯：纯 CSS 实现的状态机与楼层导航

作为一个对状态机痴迷的开发者，我常常会被一些文章点燃灵感，比如那篇《用 HTML 复选框和 CSS 打造完整状态机》。纯 CSS 驱动的状态机展现出的力量让我十分着迷，我不禁开始想：能不能做一个更简

8月前
2.5k
30
5

CSS 电梯：纯 CSS 实现的状态机与楼层导航

React 19 发布：useTransition 平滑异步过渡！

React 19 引入了一系列新特性，让开发者能够构建无缝且高性能的用户界面。其中，异步过渡（async transitions）尤为亮眼，它能在处理异步操作时避免界面卡顿。这对表单开发尤其重要，因

8月前
892
10
评论

React 19 发布：useTransition 平滑异步过渡！

前端周刊第429期（2025年8月25日–8月31日）

本周前端圈子有几个大热点：Web 性能优化工具越来越轻量，连 <details> 这种小功能都能直接通过链接控制；Three.js 做的互动视频投影效果非常炫，显示技术还迎来 PNG 第三版升级。。。

8月前
880
13
评论

前端周刊第429期（2025年8月25日–8月31日）

JavaScript 接下来要加啥新功能？9个特性！

各位jym，JS 又要更新啦！这次（108th） TC39（就是搞标准的组织）把 9 个提案推进了一大波，从能直接用的正式功能到刚冒芽的草案都有。来，一起看看： ✅ Stage 4：已经能用了！（1

8月前
2.7k
34
3

JavaScript 接下来要加啥新功能？9个特性！

🚀 6 行 HTML，让应用瞬间“起飞”：Speculation Rules API 全解析

本篇依然来自于我们的 [《前端周刊》](https://link.juejin.cn/?target=https%3A%2F%2Fflowus.c

9月前
1.3k
21
评论

🚀 6 行 HTML，让应用瞬间“起飞”：Speculation Rules API 全解析

机器在看“断言”：AI 消费时代的内容策略升级

机器流量与自动化消费内容正在成为主流，“AI 看 AI”会形成反馈闭环，因而可验证的断言与一手来源变得更稀缺。但真正的护城河

9月前
284
6
评论

机器在看“断言”：AI 消费时代的内容策略升级

Rspack 推出 Rslint：一个用 Go 编写的 TypeScript-First Linter

Rspack 正式发布了 Rslint —— 一个基于 typescript-go 构建的高速 TypeScript-first（以 TypeScript 为核心）Linter。这让 Rspack 加

9月前
1.1k
8
2

Rspack 推出 Rslint：一个用 Go 编写的 TypeScript-First Linter