最近看了 Jest 创始人 Christoph Nakazawa 的发文 —— “现代工程价值观”，和大家分享一下这位大佬是如何使用 AI 的。

我一直想搞套自动化选题、创作、发布的工作流。n8n 火的时候，我就想搞，但我懒。后来龙虾火了，但说真的，我一时间真没想到用龙虾干什么。后来我又想了想，那就搞套自动化创作的工作流吧，算是把我的“遗愿“完成一下！我看了很多文章、视频，也买了一些课程。果然，在 FOMO 情绪的推动下，人只有被割韭菜的份！我最大的...

Google I/O 2026 开发者大会发布了 15 项重大更新，正式提出“Agentic Web”概念。Chrome DevTools for Agents 1.0 稳定版发布，AI 助手现已集成 Lighthouse 数据，可自动搜索上下文回答开放性问题。LY Corporation 使用该工具构建自动化 AI 性能审计系统，手动分析工作量减少 96-98%。此外，Google 推出 Modern Web Guida...

你好，我是冴羽。AI 时代，很多同学很迷茫。 既想夯实基础，又要跟进 AI，于是学这学那，沉不下心来，结果三天打鱼两天晒网。最近我系统梳理了一遍 33 JavaScript Concepts 这个项目，它把 JavaScript 最核心的 33 个概念整理成了一个完整的知识体系。我发现：这 33 个概念，恰好覆盖了从语言基础到工程实践的完整链路。...

你可能觉得 querySelector、classList、Promise 这些是浏览器原生的能力，但实际上，它们都是从第三方库“抄”来的。

由 VoidZero 团队打造的 Rolldown 1.0 本周正式发布，这是一个基于 Rust 编写的高性能 JavaScript 打包器，现已作为 Vite 8 的统一底层引擎。Rolldown 在兼容 Rollup 插件 API 的同时，打包速度比 Rollup 快 10-30 倍。早期采用者 Linear 的构建时间从 46 秒降至 6 秒。这意味着前端构建工具链正式进入 Rust 时代——Rolld...

3 月的时候，OpenClaw 火得一塌糊涂，想必你已经深刻感受到了。仅仅 1 个月后，这股狂热便如潮水般退去，现在你是不是很少看到有人在聊 OpenClaw 了？OpenClaw 为什么会这么火？为什么不火了？还有必要学这个吗？还是应该学习 Hermes？本篇我们来聊一聊。1. 为什么会火了？对于程序员来说，其实 OpenClaw 不算一个特别惊...

你好，我是冴羽。在《超越 Vibe Coding —— AI 辅助编程指南》，我们介绍了 AI 编程的 4 大坑和提示词 5 大原则。在《超越 Vibe Coding —— AI 辅助编程进阶指南》中，我们介绍了 AI 编程工具的 3 种模式、完整开发历程、高级 Prompt 技巧和上下文工程。这篇文章没有废话，只有实践。我把 AI 编程的所有核心技巧浓缩成 30 ...

你好，我是冴羽。上一篇讲了 AI 编程的 4 大坑和基础原则，但那只是入门。你可能已经开始用 Cursor、Copilot 这些工具写代码了，感觉还不错。但你有没有想过：为什么同样的需求，别人用 AI 5 分钟搞定，你却要折腾半小时？为什么 AI 给别人生成的代码能直接用，给你的却 Bug 一堆？为什么有人说 AI 能提升 10 倍效率，你...

你好，我是冴羽。用 AI 写代码，70% 的功能 5 分钟就能搞定，但剩下的 30% 能让你崩溃一整天。我专门研究了 Google 工程师 Addy Osmani 写的《Beyond Vibe Coding》。他用 25 年的开发经验告诉你：Vibe Coding（氛围编程）: 70% 进度 5 分钟，剩下 30% 要 3 天AI-Assisted Engineering (AI 辅助工程）：从原型到生产环境...

3 招让你的 Shadcn 出海应用性能提升 40 倍你好，我是冴羽。Shadcn UI + Next.js 15 + Tailwind CSS 4 是最常见的构建出海网站的技术栈。本篇和你分享 3 个技巧，让你从一开始就构建出高性能应用。1. 第一招：Tree ShakingTree Shaking 会删除那些你导入了但从来没用过的代码。而且 Shadcn UI 因为把组件源码直接复制到...

你好，我是冴羽。AI 写代码越来越猛了，但它懂软件工程的基本定律吗？它不懂。AI 可以写出语法正确的代码，但它缺少人类程序员用血泪换来的工程经验。这些经验被总结成了 56 条软件工程定律。AI 需要学，你更需要学。 因为最终拍板决策的，还是你。今天我把这 56 条定律全部整理出来，告诉你：哪些是 AI 写代码时最容易...

很长一段时间，我以为成为“更优秀的开发者”就是学更多工具。更多框架、更多库、更多教程。如果我不持续升级技术栈，我就会感觉自己在落后。所以我不停地切换，尝试新东西……结果呢？我并没有真正进步。我花了很长时间才明白这个简单的道理：成长并非来自做更多的事情……而是来自对正确的事情理解得更透彻。1. 掌握基础知识...

你好，我是冴羽。一个只有 70 行的文件，在 GitHub 上已经有了 6 万 Star。不是框架，不是库，不是应用。就是一个配置文件——CLAUDE.md。你可能觉得这很离谱。一个文本文件能有什么用？但如果你用过 Claude Code、Cursor、Copilot 这些 AI 编程助手，你就会懂：AI 写代码确实快，但它经常把事情搞砸。你让它修个 bug，它...

你好，我是冴羽。你写的 React.memo 可能根本没用！你可能觉得自己已经做了性能优化——给组件包了 React.memo，给回调加了 useCallback，给计算值用了 useMemo。但如果你在传递 props 时写成这样： {代码...} 恭喜你，你的优化白做了~1. 为什么 React.memo 会失效？为什么呢？因为 React 比较的是引用，不是内容。当你写 ...

2026 年的 JavaScript 已经不是你认识的 JavaScript 了你好，我是冴羽。如果有人问你 JS，大部分人可能还停留在 async/await、Promise、ES6 那个年代。但 JavaScript 一年一个版本，语言早就不是原来的样子了。还有框架、运行时、构建工具……整个生态都在快速演进。本篇带你看看 2026 年的 JavaScript 和生态到底是什么样...

2026 年 1 月 22 日，Node.js TSC 成员、Fastify 框架维护者 Matteo Collina 提交了一个震撼社区的 Pull Request（PR #61478）。

本篇我们盘点 10 个被低估的 Web API。其中一些可能是你的日常工具，但我敢肯定至少有几个会让你惊呼“等等等，浏览器竟然有这功能？！”好了，废话不多说，让我们开始吧。1. Structured Clone API——深拷贝前端开发一个经典的面试题就是：“你如何复制一个对象？”现在它有了终极解决方案： {代码...} 支持 Map、Set、Date、...

随着 AI 编程的能力越来越强，我经常头疼的问题是变成了：这次参考（chao）哪个网站？毕竟当生成的东西一模一样，你的品味，也许能让你脱颖而出。正如陆奇所说，这个时代最不容易被取代的职业是创业者、科学家以及独到的艺术家。确实如此，每次做新项目，总要为设计灵感而发愁。奈何自己也没逛过多少网站，总是找不到合...

如果你已经参考上篇《OpenClaw 龙虾零成本快速安装教程，不用花钱，无须 API Key》配置了一只龙虾，本篇我们讲解如何连接飞书，让你可以通过飞书与龙虾对话。步骤并不难，跟着教程一步步走，10 分钟搞定。1. 飞书创建应用打开飞书开放平台 [链接]，点击「创建企业自建应用」：输入应用名称和应用描述：创建后，选择「机...

有一些神奇的快捷键只在浏览器 DevTools 控制台中工作，但它们绝对是调试时的秘密武器。技巧 1：$0：最后选中的元素单击“元素”选项卡中的任意元素，然后切换到控制台： {代码...} 更棒的是：$1、$2、$3、$4 会引用最后选中的 5 个元素。非常适合快速比较或操作多个元素。技巧 2：$$：更优的选择器忘掉 document.querySel...

想象一下：你只需要说一句话，电脑就能自动帮你完成搜索资料、整理文件、填写表单等重复性工作——这不是科幻片，这就是 OpenClaw，一个能让 AI 真正“操作”你电脑的开源工具。

作为前端开发者，你是否也曾陷入这样的困境：技术栈不断更新却感觉越学越迷茫？每天忙碌工作却看不到成长？想要突破瓶颈却不知从何下手？AI 时代来临，更是焦虑倍增……如果这些是你的困扰，那么下面这些问题，可能正是你一直在寻找答案的。1. 认知升级篇：跳出思维陷阱，建立底层认知框架如何制定真正有效的个人战略？如...

使用 ES6 简写对象语法会将你的变量包装在一个对象中，这样你可以在控制台中立即看到变量名和它的值。当你有 20 个日志时，不用再猜测哪个日志对应哪个变量。

昨天我参加了一场 AI 技术大会，满脑子想着学点新东西。结果最让我震撼的，不是什么新技术，而是大屏幕上的这句话：“人们经常问我：未来 10 年什么会变？这确实是个好问题。但几乎没人问：未来 10 年什么不会变？“ —— 杰夫·贝索斯这句话像一盆冷水浇在我头上。我拼命追逐新的工具，却忘了思考：在这个变化飞快的行业里，...

最近，GitHub 发布了一份与 Anders Hejlsberg 的深度访谈，你可能不知道这个名字，但你肯定听说过 Turbo Pascal、Delphi、C# 和 TypeScript。

你好，我是冴羽。2025 年 2 月份，我创建了自己的知识星球。我的想法很简单——在知识星球写一套帮助前端开发工程师系统成长的课程。既是对我 10 年工作和生活经验的总结，也能够帮助一些同学少走些弯路。真到写时，才发现这个目标太过庞大。因为一个前端工程师的成长，远不止技术学习这么简单。但凡你工作过几年，你就会...

AI 是根据概率生成代码的，它并不知道什么是“好的代码”。如果你不告诉它，它可能会给你生成一个把所有逻辑都塞在一起的千行函数——看似能跑，实则维护噩梦。

于是写一个 Web 项目，你需要 Node.js 作为运行环境，Npm 作为包管理器，Webpack 作为打包工具，Jest 作为测试，还要用 Babel 转译，还要写一大堆没人看懂的配置文件。

2026 年 JavaScript 框架 3 大趋势你好，我是冴羽。Solid.js 的作者 Ryan Carniato 每年都会写一篇 JavaScript 框架发展趋势的文章，今年也不例外。你可能会想，现在不都是 AI 写了吗？哪还有人讨论新的 JavaScript 框架或特性？但这并不意味着事物本身没有在发展。事实上在 AI 时代，我们已经到了愿景比执行更为重要的...