FRONTEND TRACK
前端开发
从 HTML/CSS 基础到现代框架工程化，拆解渲染原理、性能优化与组件设计，让前端开发从会用走向精通。
SELECTED ARTICLES
前端精选 深度文章
覆盖框架原理、工程化、渲染与性能，每一篇都附带可运行示例。
01React Server Components 渲染机制深度解析
拆解 RSC 的 Server/Client 组件边界、数据流与流式渲染协议，理解它在 Next.js App Router 中的真实运行方式。
02Vue 3 响应式原理与 Proxy 实战
从 reactive、ref 到 effect 依赖收集与触发，逐行拆解 Vue 3 响应式内核，并实现一个迷你版响应式系统。
03现代 CSS 布局：Grid 与 Subgrid 实战指南
用 CSS Grid 与 Subgrid 优雅实现复杂二维布局，对比 Flexbox 的适用场景，告别 float 与 hack 写法。
04Vite 构建原理与依赖预打包优化
剖析 Vite 基于 esbuild 的依赖预打包与基于 Rollup 的生产构建，搞懂冷启动为什么这么快。
05浏览器关键渲染路径与性能优化实战
从 HTML 解析到合成层，拆解 DOM、CSSOM、布局与绘制全流程，定位首屏卡顿的根因并给出优化清单。
06TypeScript 类型体操与泛型进阶
掌握条件类型、映射类型与 infer 推断，用类型参数化表达复杂业务约束，写出真正类型安全的工具库。
07微前端架构选型：qiankun vs Module Federation
对比基于沙箱的 qiankun 与基于构建的 Module Federation，从隔离、共享、部署三个维度给出选型建议。
08Web 性能监控：Core Web Vitals 优化清单
围绕 LCP、INP、CLS 三大核心指标，拆解采集方案与优化路径，让真实用户体验可量化、可改善。