All in One
全部路线

Curriculum

课程目录

按模块查看章节。课程链接均可直接访问，建议顺序只是学习提示。

01

Module 1

基础与心智模型

4 个章节

  1. 01实验设计、基线与性能预算+10 XP
  2. 02LCP、INP、CLS 与 field/lab 差异+10 XP
  3. 03style/layout/paint/composite+10 XP
  4. 04waterfall、priority、cache 与压缩+10 XP
02

Module 2

工程实践

4 个章节

  1. 05responsive image、字体与 CLS+10 XP
  2. 06bundle、code split、prefetch 与 hydration+10 XP
  3. 07long task、yield、worker 与事件成本+10 XP
  4. 08profiler、render 原因与 memo 边界+10 XP
03

Module 3

系统边界

4 个章节

  1. 09动效目的、timing、easing 与连续性+10 XP
  2. 10transform/opacity、transition 与 keyframes+10 XP
  3. 11enter/exit、layout 与 gesture+10 XP
  4. 12层级、stagger、状态反馈与防重复+10 XP
04

Module 4

交付与进阶

4 个章节

  1. 13reduced-motion、Save-Data 与等价信息+10 XP
  2. 14Canvas、DPR、可见性与耗电+10 XP
  3. 15综合项目：性能预算内的知识星图+10 XP
  4. 16F6 综合考试+10 XP