从需求开发场景看 Docker：前端部署为什么越来越离不开容器
2026-04-06 1k 字 4 分钟

从需求开发场景看 Docker：前端部署为什么越来越离不开容器

一、在说 Docker 之前，先看常见需求开发场景 先回答一个常见问题：前端项目是否一定需要安装 Node？ 结论是： 开发阶段通常需要 Node（构建、依赖管理、脚手架） 生产阶段是否需要 Node，要看部署形态是 SPA、SSR 还是 BFF 除了一个非常简单的 hello world HTML 页面外，现代前端开发基本都会依赖 Node 和 npm/pnpm/yarn 工具链。 二、需求开发部署场景：到底要不要在服务器装 Node 1) 静态 SPA 单页面应用部署 对于 Vue/React 的静态 SPA，打包后是 dist 静态资源。 本地开发：需要 Node（可能还要用
把应用和环境一起打包运行：为什么 Docker 能让交付更稳定
2026-04-06 702 字 3 分钟

把应用和环境一起打包运行：为什么 Docker 能让交付更稳定

一、核心思路：应用 + 环境一起打包 Docker 最重要的价值，是把“应用程序”和“运行环境”打成一个整体。 这样我们在本地跑、测试环境跑、线上跑，看到的效果可以保持一致。 很多“我这里能跑、你那里跑不起来”的问题，本质上都是环境差异造成的。 Docker 的出现就是为了解决这个问题。 二、为什么 Docker 在团队里这么常见 下面这 7 点，是 Docker 在实际项目里最常见、最有感知的优势。 1. 保证运行环境一致 镜像里已经固定了系统依赖、运行时版本和应用配置。 同一个镜像，无论在哪台机器启动，运行结果都更可预期。 2. 不需要担心依赖安装和管理 依赖已经被打进镜像里，使用
用 Harness Engineering 打造 agent-ready repo：从 Claude Code template 到可验证的 AI coding workflow
2026-04-05 2k 字 8 分钟

用 Harness Engineering 打造 agent-ready repo：从 Claude Code template 到可验证的 AI coding workflow

这篇文章想解决什么问题 最近越来越多团队在做 AI 开发时会遇到一个共同问题： 会用模型 会写 prompt 也能让 agent 改代码 但结果仍然不稳定。 同样一个需求，今天跑得通，明天就偏；同一个仓库，不同人调用 agent 产出的质量差异非常大。 这时候问题通常不在“模型不够强”，而在仓库还不是 agent-ready repo。 这也是 Harness Engineering 要解决的核心： 把代码仓库从“给人看”升级为“人和 agent 都能稳定执行”。 一、从普通 ChatBox 到 AI Agent AI 从普通 chatBox 变成 AI Agent，本质上是从“只会对
Git 的“时空管理”：三个工作区域
2026-03-29 1.1k 字 5 分钟

Git 的“时空管理”：三个工作区域

Git 的核心心智模型 理解 Git 不应该从命令（add/commit）开始，而应该从它的数据流向和存储原理开始。 一、Git 的三个工作区域 Git 将代码的存在状态划分为三个主要的逻辑区域，你可以把它们看作是一个“三阶跳板”： 1. 工作区 (Working Directory) 你在电脑上能直接看到的、正在编辑的文件目录。 状态：这是“活”的代码。 操作：你在这里写 Bug、修 Bug、重构。 2. 暂存区 (Staging Area / Index) 一个中转站。当你执行 git add 时，改动会进入这里。 作用：它记录了你下一次提交要包含的内容。 价值：允许你精细化
前端 AI 面试高频追问：RAG、MCP、Git 与 Monorepo 一次讲清
2026-03-29 1.5k 字 6 分钟

前端 AI 面试高频追问：RAG、MCP、Git 与 Monorepo 一次讲清

这篇文章解决什么问题 很多同学准备 AI 方向面试时，容易停在“概念背诵”。 真正拉开差距的，通常是三层表达： 你知道这个概念是什么 你知道它在系统里放在哪 你知道它在工程里会遇到什么坑、怎么解 这篇就按这个结构，把常见追问一次串起来： RAG、Skills、Tools、MCP 到底怎么区分 git rebase 和 git merge 的区别是什么 想把 3 次 commit 合成 1 次，应该用什么命令 git reset 和 git revert 的差异 为什么要了解 Monorepo + pnpm 什么是幽灵依赖，怎么治理 一、先把基础概念讲顺 1）RAG 是什么 一句话
前端网络安全与 Vue：27 个高频问题
2026-03-16 5.5k 字 21 分钟

前端网络安全与 Vue：27 个高频问题

1）PC 端和移动端的自适应 我会先把移动端视口设置正确，然后以流式布局为主、断点为辅。核心是让布局天然适配，而不是靠堆媒体查询。 视口（移动端必写）： 1<meta name="viewport" content="width=device-width, initial-scale=1" /> 布局优先用 flex/grid + min/max-width，必要时再加断点（mobile-first）： 12345678.list { display: flex; flex-wrap: wrap; gap: 12px
前端如何和后端通信：API、HTTP 流程、JSON、GET/POST
2026-03-16 1.3k 字 5 分钟

前端如何和后端通信：API、HTTP 流程、JSON、GET/POST

我刚开始学前后端分离时，最经常冒出来的问题就是： “我知道前后端分离，但前端到底怎么跟后端说话？” 把这个问题拆开，其实就一条主线： 前端（浏览器）发 HTTP 请求去调用后端的 API，常见的数据格式是 JSON。后端处理完，把结果再通过 HTTP 响应返回来，前端拿到结果更新 UI。 先别被名词吓到：API 就是“后端给程序用的入口” API（Application Programming Interface）直译叫“应用程序编程接口”。但你不需要把它想得很玄。 它最关键的点是：给程序调用，不是给用户点来点去。 你看到的按钮、列表、表单是 UI；UI 背后那句 fetch('/api/x
Claude Code、OpenCode、Oh My OpenAgent、CC-Switch 简单上手
2026-03-14 2k 字 8 分钟

Claude Code、OpenCode、Oh My OpenAgent、CC-Switch 简单上手

这篇文章写给谁 如果你最近在折腾 AI 编程工具，大概率会同时看到这几个名字： Claude Code OpenCode Oh My OpenAgent CC-Switch 名字很多，但它们不是同一种东西。 它们分别是干什么的 最基础怎么安装 最常用怎么启动 新手应该怎么把它们串起来用 一、先用一句话理解这四个工具 先别急着装，先把定位分清楚。 1. Claude Code 是什么 Claude Code 是 Anthropic 官方推出的终端编程助手。 你可以把它理解成： 在终端里和 Claude 协作写代码 能看当前仓库上下文 适合做修改、重构、排查问题、补测试 如果你本
前端做 Agent 项目时，不能只停留在 Demo：关于系统能力、上下文工程与评测的总结
2026-03-13 3.4k 字 12 分钟

前端做 Agent 项目时，不能只停留在 Demo：关于系统能力、上下文工程与评测的总结

这篇文章想讲什么 最近在补 Agent 项目时，我越来越强烈地感受到一件事： 很多前端做 AI 项目，最容易卡住的并不是“不会接模型”，而是太容易把项目停留在 Demo 阶段。 页面能聊天、工具能调用、流程能跑通，看起来已经像一个 Agent 项目了。 但只要面试官或者更有经验的工程师继续往下问几层，问题就会暴露出来： 会话怎么管理 数据怎么存 工具失败怎么办 多轮上下文怎么裁剪 怎么判断系统真的比昨天更好 这些问题一旦答不上来，项目就很容易被判断成“只是一个能演示的样品”，而不是一个有工程价值的系统。 所以这篇文章不想从“后端必须怎么做”出发，而是想从前端视角总结： 前端做 Agen
前端初学者怎么理解 Vercel 和 AI SDK：从部署到 AI 应用入门
2026-03-12 3.5k 字 13 分钟

前端初学者怎么理解 Vercel 和 AI SDK：从部署到 AI 应用入门

这篇文章写给谁 如果你刚学前端不久，最近又经常看到这些词： Vercel AI SDK AI Gateway preview deployment 很容易出现一种感觉：每个词都像懂一点，但拼不成一张完整地图。 这篇文章的目标不是让你立刻做出复杂 agent，而是先把最重要的心智模型搭起来： Vercel 是什么 为什么前端项目会经常用到它 Vercel AI SDK 在解决什么问题 AI Gateway 和 AI SDK 是什么关系 前端初学者应该按什么顺序学 一、先别急着学 AI，先搞清楚 Vercel 是什么 很多前端初学者第一次接触 Vercel，是因为： 学了 Next.