关于这个博客

关于作者

我是一名有八年经验的前端工程师，长期在业务一线负责 Web 应用的工程化、性能优化与前端架构。做过从 0 到 1 的产品，也接手过历史包袱很重的大型项目，踩过不少坑，也积累了一些真正有效的经验。

这个博客不是教程合集，而是我的个人知识库。每一篇都试图回答三个问题：这个问题当年为什么会出现？现在的主流方案是什么？落地时需要付出什么代价？

关于本站

• 文章时间跨度从 2020 年到 2026 年，按写作时间归档，保留当时的判断与后续修正。
• 内容围绕前端工程师必备的核心能力：语言与框架、浏览器与网络、性能与质量、工程化与架构。
• 示例代码以 TypeScript 和现代前端工具链为主，配置会随生态演进而更新。
• 站点基于 VitePress 构建，支持全文搜索、深浅色模式与移动端阅读。

推荐阅读路线

工程化打底

从构建工具理解工程化的起点，再依次进入依赖治理与团队协作：

1. 前端构建工具演进：Webpack 5、Vite 与 Rspack
2. Monorepo 工程化：pnpm workspace + Turborepo
3. 微前端落地：Webpack 5 Module Federation 实践
4. 设计系统与组件库：从规范到落地

性能与稳定性

这条路线从浏览器原理出发，最终落到可度量的线上质量：

1. 浏览器渲染原理：从 HTML 解析到合成层
2. JavaScript 事件循环：宏任务、微任务与渲染时机
3. Core Web Vitals 性能优化实战
4. 前端监控与可观测性建设
5. 前端测试体系：Vitest + Playwright 分层测试
6. 前端安全：XSS、CSRF 与 CSP 实战

架构演进

从框架心智模型到服务端边界，理解前端职责的持续扩张：

1. Vue 3 组合式 API：从选项式到组合式的思维转变
2. 状态管理演进：从 Vuex/Redux 到 Pinia/Zustand
3. React 18/19 并发渲染与 Server Components
4. Node.js BFF：前端团队的全栈边界
5. 边缘渲染与 Serverless：Next.js App Router 实战
6. AI 辅助前端开发：从编码助手到 LLM 应用集成

内容说明

技术判断有时代背景。文章会标注写作时间，涉及具体版本与 API 时请以官方文档为准；如果发现内容已经过时，欢迎指出，我会在后续更新中修正。