Articles & Notes
按时间倒序整理的全部文章——最新一篇推到最前,往下是历年归档。当前共 53 篇。
Editor’s Pick
FEATURE · 本期主推Archive · 2026
20 ENTRIES- 01macOS 下实现 AI 操控电脑(Computer Use)的思考
· 截图识别不是 AI 操控电脑的最优解——macOS Accessibility API 提供结构化 UI 树,结合 AppleScript 和本地视觉兜底,构建可靠的四层 Computer Use 架构。
- 02当代码不再为人类而写:Claude Code 0 注释背后的 Harness 逻辑
· 当协作对象从「人 + 机器」变成「Agent + 机器」,代码注释的定位必须重新评估,它的职能应该从「代码内的静态说明」,转移到 Harness 的动态信息注入层里去。
- 03【万字长文】从 AI SDK 到 mini-opencode:一次很巧的 Go Agent 架构实践
· 一个架构实践里,最怕的不是“还没做完”,而是“系统边界已经糊了”。只要边界清楚,下一步该补什么、该在哪层补,都是清晰的。
- 04Harness 工程:不是新词,而是 Agent 工程终于被讲明白了
· 深入解析 Harness 的本质:它不是新技术发明,而是 Agent 工程中那部分一直存在但从未被完整命名的软件工程现实。
- 05关于 Openclaw,最近的一点思考
· 人与人之间都很难建立绝对信任,更别说人与 AI。
- 06不是最强,是最适合
· 从不再手写代码,到把工作交给 Claude、Codex 这类 agent,再到在轻量小工具里继续用 DeepSeek,我越来越在意的不是“谁最强”,而是“谁最适合”。
- 07从零构建一个 Mini Claude Code:面向初学者的 Agent 开发实战指南§ INTERACTIVE
· 这篇文章源自前两天我做的一次 Agent 开发实战公开课。面向零基础讲清楚"Agent 是什么"比写代码本身难得多——你不能一上来就甩论文,也不能全程只讲故事。
- 08分享一个常用的文生图提示词
· 我经常使用这个提示词来让 AI 生成一些技术文档或者博客的配图,感觉效果还不错,就分享出来。
- 09Memo Code 系统提示词架构解析:从模板到上下文组装
· 深入解析 Memo Code 如何组装系统提示词,包括基础模板、用户偏好、项目配置、工具描述等各层级的构成逻辑,以及 XML 格式的系统提示在异常处理中的应用。
- 10Node.js 子进程管理:我是如何被 spawn 逼疯的
· 做 memo 之前,我对 Node.js 子进程的理解基本等于零。不就是 spawn 一下吗?能有多难?结果...还真挺难的。
- 11Memo Code 安全设计:子进程、命令防护与权限审批的统一方案
· 从 memo 的实践中提炼出安全设计的三道防线:子进程管理防止内存泄漏与资源耗尽、命令守卫拦截危险操作、审批系统平衡权限与体验。还有那把「双刃剑」——dangerous 模式。
- 12如何零成本搭建个人站点
· 写作平台写久了就想有个自己的站。一路从纯 HTML、到全栈自建,再到 VitePress、Next.js 静态站,最终用 GitHub Pages 把评论、搜索、MCP 都做成无服务器方案:0 成本也能做个不单调的个人博客。
- 13为什么 Memo Code 先做 CLI:以及终端输入框到底有多难搞
· 做 memo code 时我在 Web UI 和 CLI 之间犹豫过,最后还是选了终端。结果真正卡住我的不是模型和工具,而是一个看起来很基础的东西:输入框。
- 14从一个想法到可发布:我把博客接进 MCP 的完整实践
· 这篇不只是复盘一次实现,而是分享一套可复用的接入思路:静态数据产物 + 本地 npx MCP Server + CI 自动发包。
- 15AI 编程的隐形陷阱:被 Hardcode 淹没的代码库
· 建议各位用 AI 跑代码的朋友,现在就去检查一下你的代码库。别让 AI 的便利,变成未来重构时的眼泪。
- 16细说我日常 AI coding 碰到的十个问题
· 这一年大量 vibe coding,经典翻车现场真的不少。有些是模型习惯问题,有些是 Agent 工具链缺陷,还有些属于“工程现实 vs 最佳实践”的冲突。
- 17用 AI 批量生成组件集合
· 与其猜想要什么效果,不如一次性生成 20 个方案,直接挑。
- 18Rust 所有权与借用:从堆栈开始建立心智模型
· 写 Rust 的第一道坎不是语法,而是所有权。本文从堆栈原理出发,用实例讲透 Rust 的所有权、移动、借用规则,帮你建立清晰的心智模型。
- 1910分钟复刻爆火「死了么」App:vibe coding 实战(Expo+Supabase+MCP)
· 这期用 vibe coding 的方式,10分钟复刻「死了么」App 的核心功能。我不讲原理、不展开细节,只讲“怎么做”。跟着视频步骤走,你也能做出一个可运行的 App 原型。
- 202025:被 AI 推着往前走的一年
· 也许成长从来不是“我想好了再出发”,而是“我出发了才想明白”。而 2025,就是我在被浪推着往前走的一年。
Archive · 2025
30 ENTRIES- 01Electron 瘦身记:我是如何把安装后 900MB 的"巨无霸"砍到 466MB 的?
· 从实战角度记录 Electron 应用体积优化全过程:通过关闭 SourceMap、依赖治理、精准排除 node_modules 冗余文件等手段,将 DMG 从 240MB 降至 155MB,安装后体积从 900MB+ 降至 466MB,并显著提升启动速度。
- 02红褐色羽衣
· 午后去川杨河边散步,距上次来已隔月余。彼时满目葱茏的水杉,如今已换上了一袭深沉的红褐色羽衣,萧疏凋零;唯有对岸几株垂柳,还执着地挽着一抹新绿,在冬日里显得格外生机勃勃。
- 03为什么在 Agent 时代,我选择了 Bun?
· 这不是一篇「Hello World」式的 runtime 教程,而是我作为一个写 Node/TS/Go 的开发者,为什么在 2025 年,突然决定认真学一下 Bun,并决定做一个 ReAct Agent 的记录。
- 04useSearchParams
· 通过 useSearchParams 将 React 应用状态提升到 URL 查询参数,支持分享、持久化与浏览器历史控制,并示例防抖与 replace 更新的最佳实践。
- 05LLM 扫盲:什么是 Tokens?
· 重新梳理 LLM 的 Token 概念,解析 GPT-5.1 的多语言编码优化、计费与上下文窗口限制,并给出本地用 tiktoken 预估 Token 的实践方案。
- 06前端路由详解:Hash VS History
· 全面解析前端路由的 Hash 与 History 两种模式,涵盖原理、实现、优缺点、服务器配置与框架实践,帮助你做出兼顾兼容性与 SEO 的路由选型。
- 07React 如何处理高频的实时数据?
· 深入解析 React 处理高频实时数据的技术方案,从 Maximum update depth exceeded 错误到批处理优化,完整解决 SSE 推送场景下的性能问题。
- 08AI Agent ReAct 与 Loop
· 深入解析 AI Agent 的 ReAct 架构和工作循环原理,探讨智能体如何实现自动化任务执行,从理论到实践的完整指南。
- 09Agent = LLM + Tools
· 深入浅出地讲解 AI Agent 的本质,从 LLM 到 Tools,从宿主环境到执行机制,用一个简洁的公式帮你理解 Claude Code、Codex 等智能体的工作原理。
- 10Agents.md 是什么
· 深入解析 AGENTS.md 文件在 AI 编程工具生态中的作用,了解它与 MCP 协议的区别,以及如何为 AI 代理提供结构化项目上下文。
- 11长期以来我对 LLM 的误解
· 深入探讨大语言模型(LLM)的工作原理,理解从传统规则编程到概率计算的范式转换,揭秘模型参数与智能的本质。
- 12ECharts 万字入门指南
· 详细学习 Apache ECharts 图表库,掌握丰富的图表类型、强大的交互功能和灵活的配置项,实现数据可视化。
- 13GSAP ScrollTrigger 详解
· 深入学习 GSAP ScrollTrigger 插件,掌握如何通过滚动控制动画,实现视差滚动、元素固定、滚动驱动动画等高级交互效果。
- 14GSAP 入门指南
· 深入浅出地讲解 GSAP 动画库的核心概念,从补间动画到时间线,从简单的移动效果到复杂的序列动画,让你彻底掌握 Web 动画的精髓。
- 15JavaScript 的多线程能力:Worker
· 深入探讨 JavaScript 的多线程编程能力,包括 Web Worker、Service Worker 和 Worklet 的原理、使用场景和代码实践,让你的 Web 应用不再卡顿。
- 16Docker 进阶指南
· Docker 进阶教程,深入学习容器生命周期管理、网络通信、数据持久化和 Docker Compose 多服务编排。通过实战案例掌握 Go 应用与 PostgreSQL 数据库的容器化部署和服务间通信。
- 17Docker 入门教程
· 全面的 Docker 入门指南,通过实战案例学会容器化部署。涵盖 Docker 核心概念、Dockerfile 编写、静态网站部署、Go 服务器容器化等内容,帮助前端和后端工程师快速掌握容器技术。
- 18一个技术写作者的抉择
· 深度思考技术写作的本质和价值。从掘金社区5万+阅读经验出发,探讨技术博客写作是追求流量还是创造价值,个人技术站点的建设意义和技术写作者的成长路径。
- 19编程的演进:从指令到意图 - AI时代编程的未来
· 深度探讨编程的本质演进:从汇编语言到高级语言,再到AI辅助编程。利用Cursor、Claude Code半年实践,预测未来编程将从写代码转为表达意图的新模式。
- 20Claude Code Sub-agent 模式的详解和实践
· 深入解析Claude Code的Sub-agent子代理模式,学会创建专业化AI代理来提升代码生成、数据分析等复杂任务的效率和准确性。附完整实践教程和最佳实践。
- 21提示工程(Prompt Engineering)入门指南
· 基于Claude Code官方文档提炼的最实用提示工程技巧。从基础的清晰指令、提供范例,到进阶的思考链、角色设定,全面提升AI交互效果和工作效率。
- 22JavaScript 运行机制详解:再谈 Event Loop
· 本文从经典的 Promise 与 setTimeout 执行顺序问题入手,深入浅出地剖析了 JavaScript 的单线程模型、事件循环(Event Loop)机制。通过辨析宏任务与微任务的区别与优先级,帮助你彻底理解 JS 异步执行的底层原理,看懂页面卡顿的真相。
- 23从 Sleep 到 Select:用一个例子掌握 Go 并发编程精髓
· 深度解析 Go 并发编程从入门到精通的完整路径。从简单的 time.Sleep 阻塞到高效的 select 定时器,从并发误区到正确的 goroutine 模式,最终掌握 context 构建健壮可维护的并发代码。
- 24深度剖析 WebSocket:全双工实时通信原理与实战
· 最全面的 WebSocket 技术指南:从协议原理到实战应用,深入解析全双工实时通信机制。告别 HTTP 轮询的低效模式,掌握现代实时 Web 应用开发核心技术。
- 25深入浅出哈希算法:原理、应用与哈希表解析
· 计算机科学核心基础技术——哈希算法的深度解析。从数学原理到实际应用,覆盖密码安全、数据完整性校验、哈希表数据结构等关键场景,全面掌握哈希技术的核心原理和实战技巧。
- 26项目配置管理的进化之路:从混乱到工程化
· 深入探索项目配置管理的最佳实践和演进路径。从原始的硬编码配置到环境变量,再到现代化的结构化配置系统,全面覆盖 Go/Node.js 等主流技术栈的工程化解决方案。
- 27HTTP 状态码:15 个常见的状态码详解
· 最完整的 HTTP 状态码指南,详细解析 15 个最常见的 HTTP 状态码。从 2xx 成功响应到 5xx 服务器错误,深入理解互联网世界的通用语言,让开发者、运维和产品经理都能在网络调试中如鱼得水。
- 28探索 JS 异步编程:从 setTimeout 到生成器的六种定时实现
· 深入探索 JavaScript 异步编程的完整演进路径。以“每秒打印数字”为实例,深入剖析 6 种定时任务实现方法:从经典的闭包问题、Promise 链式调用,到现代的 async/await、生成器函数和函数式编程。
- 29VSCode 自动化代码规范实践指南
· 最实用的 VSCode 代码规范自动化配置指南。深入讲解 ESLint + Prettier 的完美组合,实现保存时自动代码检查、格式化和错误修复。提升团队开发效率,确保代码风格一致性。
- 30Vue 样式隔离与动态绑定的工程实践
· 最全面的 Vue 样式管理指南,深入解析大型 Vue 项目中的样式管理挑战和解决方案。从 Scoped CSS 、CSS Modules 到动态样式绑定,掌握避免全局污染、实现动态更新的最佳实践。