Angular Hydration 解决什么问题?
理解服务端 HTML 与客户端事件接管的关系,处理 Hydration 不匹配、跳过策略和浏览器 API 边界。
参考答案
Hydration 让 Angular 客户端复用服务端生成的 DOM,并接管事件和状态,而不是重新从空 DOM 渲染。服务端和客户端必须产生可匹配的结构、属性和文本,否则会出现 hydration mismatch 或额外重建。
直接访问 window、随机数、当前时间和只在浏览器存在的 DOM 状态都可能造成不一致。应把浏览器专属逻辑放到合适的生命周期,必要时使用官方提供的跳过或特殊处理方式,并理解跳过会牺牲部分复用收益。
Hydration 不是自动提升所有性能。还要测量服务端响应、脚本加载、事件接管和真实交互指标,并处理缓存、用户数据和权限差异。