前端开发

📰 本周重要资讯 1. Google I/O 2026 宣布“Agentic Web”时代到来 Google I/O 2026 开发者大会发布了 15 项重大更新，正式提出“Agentic Web”概

你好，我是冴羽。 AI 时代，很多同学很迷茫。 既想夯实基础，又要跟进 AI，于是学这学那，沉不下心来，结果三天打鱼两天晒网。 最近我系统梳理了一遍 33 JavaScript Concepts 这个

你好，我是冴羽。 你可能觉得 querySelector、classList、Promise 这些是浏览器原生的能力，但实际上，它们都是从第三方库“抄”来的。 这就是经典的 Web 平台的演进逻辑：先

📰 本周重要资讯 1. Rolldown 1.0 正式发布：基于 Rust 的高性能 JS 打包器 由 VoidZero 团队打造的 Rolldown 1.0 本周正式发布，这是一个基于 Rust 编

📰 本周重要资讯 Remix 3 Beta 转向原生组件模型 Remix 3 Beta 最值得关注的变化，不是一次常规版本升级，而是它公开展示了“不再以 React 为中心“的新方向。官方新站点已经基

你好，我是冴羽。 在《超越 Vibe Coding —— AI 辅助编程指南》，我们介绍了 AI 编程的 4 大坑和提示词 5 大原则。 在《超越 Vibe Coding —— AI 辅助编程进阶指南

你好，我是冴羽。 上一篇讲了 AI 编程的 4 大坑和基础原则，但那只是入门。 你可能已经开始用 Cursor、Copilot 这些工具写代码了，感觉还不错。但你有没有想过： 为什么同样的需求，别人用

你好，我是冴羽。 用 AI 写代码，70% 的功能 5 分钟就能搞定，但剩下的 30% 能让你崩溃一整天。 我专门研究了 Google 工程师 Addy Osmani 写的《Beyond Vibe C

3 招让你的 Shadcn 出海应用性能提升 40 倍 你好，我是冴羽。 Shadcn UI + Next.js 15 + Tailwind CSS 4 是最常见的构建出海网站的技术栈。 本篇和你分享

你好，我是冴羽。 AI 写代码越来越猛了，但它懂软件工程的基本定律吗？ 它不懂。 AI 可以写出语法正确的代码，但它缺少人类程序员用血泪换来的工程经验。 这些经验被总结成了 56 条软件工程定律。 A

很长一段时间，我以为成为“更优秀的开发者”就是学更多工具。 更多框架、更多库、更多教程。如果我不持续升级技术栈，我就会感觉自己在落后。 所以我不停地切换，尝试新东西…… 结果呢？我并没有真正进步。 我

一个只有 70 行的文件，在 GitHub 上已经有了 6 万 Star。 不是框架，不是库，不是应用。就是一个配置文件——CLAUDE.md。 你可能觉得这很离谱。一个文本文件能有

你好，我是冴羽。 你写的 React.memo 可能根本没用！ 你可能觉得自己已经做了性能优化——给组件包了 React.memo，给回调加了 useCallback，给计算值用了 useMemo。

2026 年的 JavaScript 已经不是你认识的 JavaScript 了 你好，我是冴羽。 如果有人问你 JS，大部分人可能还停留在 async/await、Promise、ES6 那个年代。

2026 年 3 月，一场关于 AI 生成代码的争议在 Node.js 社区掀起轩然大波。 一份请愿书在短短数天内获得超过百名开发者签名，呼吁技术指导委员会（TSC）禁止 AI 生成的代码进入核心仓库

本篇我们盘点 10 个被低估的 Web API。 其中一些可能是你的日常工具，但我敢肯定至少有几个会让你惊呼“等等等，浏览器竟然有这功能？！” 好了，废话不多说，让我们开始吧。 1. Structur

随着 AI 编程的能力越来越强，我经常头疼的问题是变成了：这次参考（chao）哪个网站？ 毕竟当生成的东西一模一样，你的品味，也许能让你脱颖而出。 正如陆奇所说，这个时代最不容易被取代的职业是创业者、

有一些神奇的快捷键只在浏览器 DevTools 控制台中工作，但它们绝对是调试时的秘密武器。 技巧 1：$0：最后选中的元素 单击“元素”选项卡中的任意元素，然后切换到控制台： 更棒的是：$1、$2、

作为前端开发者，你是否也曾陷入这样的困境： 技术栈不断更新却感觉越学越迷茫？每天忙碌工作却看不到成长？想要突破瓶颈却不知从何下手？AI 时代来临，更是焦虑倍增…… 如果这些是你的困扰，那么下面这些问题

资深前端都在用的 9 个调试偏方 1. 技巧 1：计算属性名 不要这样写 ❌ ： 现在这样写 ✅ ： 使用 ES6 简写对象语法会将你的变量包装在一个对象中，这样你可以在控制台中立即看到变量名和它的值