外观
全部文章
按年份浏览 2020 年至今的前端进阶笔记，也可以通过标签筛选感兴趣的方向。
2026
AI 辅助前端开发：从编码助手到 LLM 应用集成
把 AI 变成可靠的工程协作者，并在产品中安全地集成流式 LLM 能力。
2024
跨端方案选型：Taro、React Native 与 Flutter
按业务场景、性能与团队能力选择跨端方案，而不是追逐框架热度。
边缘渲染与 Serverless：Next.js App Router 实战
RSC、缓存层级与 Edge Runtime，重构前端应用的部署边界。
2023
设计系统与组件库：从规范到落地
Design Token、组件 API、文档与发布流程，构建可持续的设计系统。
React 18/19 并发渲染与 Server Components
Transition、Suspense 与 RSC 边界，理解 React 新的渲染模型。
2022
Monorepo 工程化：pnpm workspace + Turborepo
依赖治理、任务编排与远程缓存，让多包仓库保持可扩展。
前端安全：XSS、CSRF 与 CSP 实战
从转义、CSP 到 Cookie 策略，构建前端主动防御的纵深体系。
Node.js BFF：前端团队的全栈边界
用 BFF 聚合接口、收口鉴权与缓存，同时控制服务端复杂度。
前端监控与可观测性建设
错误采集、性能指标、Source Map 与告警闭环，让线上问题可发现、可定位。
前端测试体系：Vitest + Playwright 分层测试
单元、集成、端到端三层测试边界，以及可维护的测试工程实践。
2021
现代 CSS：容器查询、:has() 与原子化方案
组件级响应式、父选择器与原子化 CSS 的工程取舍。
状态管理演进：从 Vuex/Redux 到 Pinia/Zustand
区分服务端状态与客户端状态，用更轻的模型替代过度设计的全局 store。
HTTP/2 与 HTTP/3：前端资源加载的底层逻辑
多路复用、QUIC 与缓存协同，理解协议升级如何改变前端资源策略。
Core Web Vitals 性能优化实战
围绕 LCP、CLS、INP 建立度量、优化与回归防护的完整性能体系。
JavaScript 事件循环：宏任务、微任务与渲染时机
从浏览器到 Node.js，彻底弄懂任务队列、微任务、渲染帧与异步调度。
浏览器渲染原理：从 HTML 解析到合成层
拆解解析、布局、绘制与合成流程，定位重排重绘并理解动画性能。
2020
微前端落地：Webpack 5 Module Federation 实践
从 host/remote 配置到共享依赖、样式隔离与治理，完整落地微前端方案。
TypeScript 类型系统进阶：从类型体操到工程约束
条件类型、映射类型与模板字面量的实战用法，以及类型与运行时校验的边界。
Vue 3 组合式 API：从选项式到组合式的思维转变
用 setup 与组合函数组织逻辑，理解响应式丢失、依赖收集和逻辑复用。
前端构建工具演进：Webpack 5、Vite 与 Rspack
从冷启动、HMR 到生产构建，梳理三代构建工具的设计取舍与迁移策略。