课程目录
共 18 节
第一章 · 前端工程化基础（6节）
01
热
42:15
Webpack 5 深度剖析与性能优化实践
从配置原理到打包优化，掌握生产级 Webpack 配置方案，提升构建速度 80%
02
38:52
Vite 原理解析：为什么它这么快
深入 ESM 原生支持机制，理解冷启动优化与 HMR 实现原理
03
新
45:30
Monorepo 架构实战：pnpm + Turborepo 最佳实践
搭建企业级多包仓库，统一依赖管理与构建流水线配置
04
36:18
CI/CD 自动化流程设计：从提交到部署
基于 GitHub Actions 构建完整的前端发布流水线，实现自动化测试与灰度发布
05
独家
41:05
代码规范与质量管理体系搭建
整合 ESLint、Prettier、Husky、Commitlint 打造标准化协作环境
06
39:42
包管理器选型与依赖安全审计
对比 npm、yarn、pnpm 优劣，掌握 lockfile 管理与漏洞扫描实践
第二章 · 性能优化专题（6节）
07
热
48:25
Web 性能指标全解析：从 FCP 到 INP
深入理解核心 Web 指标体系，掌握 Chrome DevTools 与 Lighthouse 诊断方法
08
43:10
资源加载优化：代码分割与懒加载策略
实现路由级、组件级代码分割，结合 prefetch/preload 优化首屏加载
09
新
40:55
渲染性能调优：虚拟滚动与时间分片
处理大数据量渲染场景，实现 60fps 流畅交互体验
10
37:28
图片优化终极指南：格式选择与加载方案
WebP、AVIF 格式应用，响应式图片与渐进式加载实现
11
独家
44:35
HTTP 缓存策略与 Service Worker 实战
配置强缓存与协商缓存，利用 Service Worker 打造离线可用应用
12
35:50
网络请求优化：并发控制与数据预加载
实现请求队列管理、接口合并、数据预取等高级优化技巧
第三章 · 组件库与架构设计（6节）
13
热
52:18
从零搭建企业级组件库：设计系统与组件架构
规划组件 API 设计原则，实现主题定制与多端适配能力
14
46:12
微前端架构实战：qiankun 与 Module Federation
解决多团队协作与技术栈融合难题，实现应用独立部署与运行时集成
15
独家
41:45
状态管理最佳实践：Zustand 与 Jotai 深度对比
选择适合项目的状态管理方案，避免过度设计与性能陷阱
16
38:32
React 18 并发特性应用：Suspense 与 Transition
利用并发渲染提升用户体验，实现流畅的数据加载与过渡动画
17
新
43:08
TypeScript 高级类型系统与泛型编程
掌握类型体操技巧，构建类型安全的 API 层与工具库
18
40:20
无障碍设计实践：WCAG 标准与实现技巧
提升产品可访问性，覆盖键盘导航、屏幕阅读器支持等核心场景
‹
1
2
›
