版
最新版本与兼容性（2026 基线）
Version Baseline & Browser Support
前端技术更新极快，学之前先把"当前到底该学哪个版本"钉死。下表是这一册采用的基线，后面所有代码都按这些版本写。浏览器兼容主要看 Chrome / Edge / Safari / Firefox 最近两个大版本，IE 已经入土，不用再考虑。
| 技术 | 当前基线与值得关注的新特性 |
|---|---|
| HTML5 | WHATWG Living Standard（活标准，不再有"6.0/6.1"版本号，持续滚动更新）。核心标签与 API 全部稳定：语义化标签、表单类型、canvas、video/audio、Web Storage、Geolocation、Web Components。 |
| CSS3+ | 不再叫 CSS4，特性逐条进标准。稳定可用：CSS Nesting（2023 全主流浏览器稳定）、:has() 父选择器、容器查询 @container、Flex/Grid、clamp()。较新：Subgrid、View Transitions API（过渡动画跨页/组件通用）、color-mix()、oklch() 颜色空间。实验性：CSS Anchor Positioning（浮动定位锚点）、animation-timeline 滚动驱动动画。 |
| JavaScript | ES2025 为最新稳定基线（ES2024 已普遍落地）：Promise.withResolvers()、Object.groupBy() / Map.groupBy()、Array.fromAsync()、正则 v 标志（d 具名分组 / Unicode 集合）、Promise.try()、Set 新方法。后续特性以 TC39 最新稳定版为准。 |
| TypeScript | 5.5+ / 5.6+（以官网最新稳定版为准）。5.5 改进类型收窄（noUncheckedIndexedAccess 配套、const 类型参数）、正则语法检查；5.6 支持 --isolatedDeclarations 实验性、迭代器 helpers。新项目务必开 strict。 |
| React 19 | 2024 年 12 月正式发布。关键变化：Ref 作为 prop（函数组件直接接收 ref，不再需要 forwardRef）、Actions 统一处理异步表单提交、新 Hooks useActionState / useFormStatus / useOptimistic / use()（可直接读 Promise 与 Context）、Server Components 稳定、文档元数据（title/meta）可直接写在组件里。 |
| Vite | 6+ / 7+（以官网最新稳定版为准）。开发时 esbuild 预构建 + 原生 ESM 按需编译，HMR 毫秒级；生产用 Rollup 打包。Rolldown（Rust 重写的打包器，目标替代 Rollup）目前为实验性/逐步集成，长期会让"开发启动快 + 生产打包也快"两全。 |
| Node.js | 前端构建环境选 22 LTS 或 24 LTS（用 nvm 管理）。Vite 7 起要求 Node 20.19+ / 22.12+。写构建脚本、跑 Vitest、起本地 dev server 全靠它。 |
记React 19 三个必须知道的差异
① forwardRef 退休：函数组件直接把 ref 当普通 prop 接收，老代码里 forwardRef(...) 包裹可以逐步删掉。
② Actions 接管异步表单：表单 action 可以是异步函数，useActionState 自动管 pending / 返回数据 / 错误，不用自己写 loading 状态机。
③ use() 在渲染里读 Promise：配合 Suspense，组件里 const data = use(fetchSomething())，不用 useEffect + useState 那一整套。