从模板到工程：搭建一个可维护的前端应用骨架
以本博客为例，拆解如何从一个纯 HTML 模板逐步演进到结构清晰、易于扩展和部署的前端工程。涵盖构建工具选择、多页面路由设计、样式与动效平衡等关键实践。
15,234 阅读❤️ 423 点赞
博客目录
按主题与时间组织的技术文章合集，涵盖前端工程化、大模型与 AI 应用、系统架构与工程效率等方向。
按标签浏览
把大模型当成开发合伙人：工程视角下的 LLM Coding Agent
不讨论"是否会被 AI 取代"，而是围绕如何让 LLM 真正融入现有开发流程。从 Prompt 工程到工具调用，从上下文管理到错误处理，系统梳理 LLM Coding Agent 的工程实践。
16,789 阅读❤️ 512 点赞
可观测性不等于多打点：从日志到洞察
如何从"有很多日志"走向"对系统状态有清晰认知"。从指标、日志、链路追踪三个维度，系统梳理可观测性的工程实践，包括黄金指标、结构化日志、告警设计等关键话题。
13,567 阅读❤️ 389 点赞
Vite 构建优化实战：从 10 秒到 2 秒
随着项目规模增长，Vite 的构建时间从几秒增长到几十秒。本文记录了一次真实的构建优化实践，通过分析构建瓶颈、优化配置、并行处理等手段，将构建时间从 10 秒降低到 2 秒。
微服务可观测性实践：从单体到分布式的监控演进
当系统从单体架构演进到微服务架构时，可观测性的挑战也发生了根本性变化。本文分享在微服务架构下建立可观测性体系的实践经验，包括服务发现、链路追踪、分布式日志聚合等关键问题。
11,234 阅读❤️ 298 点赞
前端监控落地记：从没人看报表到主动追着看数据
第一次上前端监控时，我们接了一堆 SDK、搭了几块看板，结果除了出事没人看；第二次从真实线上问题出发，砍掉 60% 的埋点，才慢慢把监控变成大家每天都会打开的工具。
12,908 阅读❤️ 341 点赞
Vite 构建优化实战：从 10 秒到 2 秒
随着项目规模增长，Vite 的构建时间从几秒增长到几十秒。本文记录了一次真实的构建优化实践，通过分析构建瓶颈、优化配置、并行处理等手段，将构建时间从 10 秒降低到 2 秒。
React 性能优化实战：从渲染到交互的全面优化
React 应用的性能问题往往不是单一原因造成的。本文从组件渲染、状态管理、列表优化、代码分割等多个维度，系统梳理 React 性能优化的实践方法，包括 memo、虚拟滚动、懒加载等关键技术。
15,234 阅读❤️ 501 点赞
TypeScript 实战指南：从 JavaScript 到类型安全的渐进迁移
对于已有的大型 JavaScript 项目，如何平滑迁移到 TypeScript？本文分享渐进式迁移的实践经验，包括类型定义策略、工具链配置、团队协作等关键问题，帮助你在不中断业务的前提下完成类型化改造。
13,456 阅读❤️ 412 点赞
Docker 最佳实践：从镜像构建到生产部署
Docker 已经成为现代应用部署的标准工具，但如何构建高效、安全、可维护的 Docker 镜像？本文从多阶段构建、层缓存优化、安全实践、资源限制等多个维度，系统梳理 Docker 的最佳实践。
10,876 阅读❤️ 287 点赞
Git 工作流策略：从分支管理到代码审查
Git 是版本控制的标准工具，但如何组织分支、管理发布、进行代码审查？本文系统梳理 Git Flow、GitHub Flow、GitLab Flow 等主流工作流，以及代码审查、冲突解决、提交规范等实践技巧。
9,543 阅读❤️ 245 点赞
提示工程实践：从基础技巧到高级策略
提示工程（Prompt Engineering）是使用大语言模型的关键技能。如何编写有效的提示词？如何利用思维链、少样本学习、角色扮演等技巧？本文系统梳理提示工程的核心原则和实践方法，帮助你更好地与大模型协作。
CSS-in-JS 的那些坑：从 styled-components 到运行时开销
用了一年多的 styled-components，最后发现首屏渲染慢了 200ms。这篇文章记录一下 CSS-in-JS 在实际项目中的各种问题，以及我们是怎么一步步优化和最终迁移的。
Monorepo 的现实：什么时候该用，什么时候不该用
看到大厂都在用 Monorepo，我们也跟风搞了一个。一年后才发现，对小型团队来说，这玩意儿就是个负担。这篇文章聊聊 Monorepo 的真实体验，以及什么时候该用，什么时候不该用。
状态管理的混乱：从 Redux 到 Zustand 的迁移
项目里同时用了 Redux、Context API、Zustand 和本地状态，状态管理乱成一锅粥。花了两个月统一到 Zustand，这篇文章记录一下迁移过程和踩过的坑。
SSR 的性能陷阱：Next.js 项目优化记
用 Next.js 做了个 SSR 项目，上线后发现服务端渲染慢得不行，TTFB 经常超过 2 秒。排查了一个月，发现是数据获取和缓存的问题。这篇文章记录一下优化过程。
微前端的教训：qiankun 项目踩坑实录
公司要整合多个前端项目，选了 qiankun 做微前端。用了一年多，踩了不少坑。这篇文章记录一下遇到的问题和解决方案，给想用微前端的同学提个醒。
测试的现实：写测试到底值不值得？
项目要求测试覆盖率 80%，我们写了大半年测试，最后发现大部分测试都是摆设，真正有用的没几个。这篇文章聊聊写测试的真实体验，以及什么时候该写，什么时候不该写。
CI/CD 的那些痛点：GitLab CI 踩坑记
用 GitLab CI 做持续集成，配置写了大半年，踩了不少坑。从构建慢到缓存失效，从环境变量到并行任务，这篇文章记录一下遇到的问题和解决方案。
API 设计的那些坑：RESTful 不是万能的
项目初期，我们严格遵循 RESTful 规范设计 API。用了一年多，发现很多场景 RESTful 根本不适合。这篇文章聊聊 API 设计的实际问题，以及什么时候该用 RESTful，什么时候不该用。
数据库迁移的噩梦：从 MySQL 到 PostgreSQL
公司决定把数据库从 MySQL 迁移到 PostgreSQL，说是性能更好、功能更强。迁移花了 3 个月，踩了无数坑。这篇文章记录一下迁移过程和遇到的问题。
重构老代码的痛：从 jQuery 到 React 的迁移
接手了一个 5 年前的 jQuery 项目，代码乱成一团。花了半年时间，逐步迁移到 React。这篇文章记录一下迁移过程中的痛苦和收获。
性能优化的误区：过早优化是万恶之源
项目初期，我们花了很多时间做性能优化。代码分割、懒加载、缓存，能用的都用上了。但上线后发现，大部分优化都没用，真正影响性能的是其他地方。
团队协作的混乱：代码审查的那些事
团队要求所有代码都要经过审查才能合并。但实际执行下来，代码审查变成了形式主义，要么没人看，要么挑刺，要么拖延。这篇文章聊聊代码审查的真实情况。
第三方库的地狱：依赖管理的那些坑
项目用了 200 多个 npm 包，每次升级都要解决一堆冲突。有些包已经没人维护了，但还在用。有些包功能重复，但都在用。这篇文章聊聊依赖管理的那些坑。
文档的现实：写文档到底有没有用？
项目要求写文档，我们写了大半年。但发现大部分文档都没人看，或者看了也没用。这篇文章聊聊写文档的真实体验，以及什么时候该写，什么时候不该写。
错误处理的混乱：从 try-catch 到统一错误处理
项目里的错误处理乱成一团，有的用 try-catch，有的用 Promise.catch，有的直接忽略。用户报错，我们根本不知道哪里出问题了。花了 3 个月统一错误处理，这篇文章记录一下过程。
安全意识的缺失：从 XSS 到 SQL 注入
项目上线后，被安全扫描发现了 20 多个漏洞。XSS、CSRF、SQL 注入，各种问题都有。花了 2 个月修复，这篇文章记录一下安全问题的发现和修复过程。
部署的噩梦：从手动部署到自动化的痛苦历程
项目初期，部署都是手动的。每次部署要花 1 个小时，还经常出错。后来决定做自动化部署，但配置 CI/CD 又花了 3 个月。这篇文章记录一下部署的进化过程。
移动端开发的坑：从响应式到原生适配
项目要做移动端适配，我们用了响应式设计。但上线后发现，移动端体验很差。后来改成移动端优先，又做了很多优化，才勉强能用。这篇文章记录一下移动端适配的过程。
代码审查文化的建立：从抵触到接受
团队刚开始做代码审查，大家都很抵触。觉得浪费时间，觉得被挑刺。但用了一年多，大家慢慢接受了，甚至主动要求审查。这篇文章聊聊代码审查文化的建立过程。
8,234 阅读❤️ 156 点赞
AI工具如何改变我的工作流程
从 ChatGPT 到 GitHub Copilot，从 Cursor 到 v0，这些 AI 工具已经深度融入我的日常工作。这篇文章分享一下我是如何使用这些工具的，以及它们如何改变了我的工作方式。
21,689 阅读❤️ 892 点赞
周末做的小项目，意外火了
本来只是想解决自己的痛点，周末花了两天时间做了个小工具。发到 Twitter 上，结果一周就有 5000+ 用户。这篇文章记录一下整个过程。
18,921 阅读❤️ 567 点赞
从初级到高级：我的三年成长路径
三年前我还是个什么都不会的应届生，现在已经能独立负责项目了。这篇文章记录一下我这三年的成长经历，希望能给刚入行的同学一些参考。
12,453 阅读❤️ 328 点赞
独立开发第一年：从月入0到月入2万的真实经历
去年3月辞职，开始全职做独立开发。前6个月一分钱没赚到，差点回去上班。第7个月开始有收入，现在稳定在月入2万左右。这篇文章记录一下这一年的真实经历。
14,256 阅读❤️ 412 点赞
我用 Obsidian 搭建的知识管理系统，用了两年还在用
2022年9月，我开始用 Obsidian。当时只是想找个笔记工具，没想到一用就是两年。这篇文章分享我是怎么用 Obsidian 搭建知识管理系统的，包括文件夹结构、插件配置、工作流程。
11,678 阅读❤️ 298 点赞
产品设计的那些坑：我做了3个失败产品后的反思
做了3年产品设计，做了3个产品，都失败了。第一个产品做了6个月，上线后0个用户。第二个产品做了4个月，有100个用户，但没人付费。这篇文章记录一下我踩过的坑，以及一些反思。
10,234 阅读❤️ 267 点赞