观察器与生命周期：练习答案

答案必须保留本节输入、操作和可观察结果。先运行成功路径，再运行一个反例；

text

输入：第一次执行 → 改变一个条件 → 取消或卸载
预期：状态转移与正文规则一致；取消后没有迟到写入；失败保留可诊断原因

若结果不同，优先检查资源所有权、执行时机和宿主前提，而不是只改最终 UI。

观察器清理

创建 observer 后保存实例；disconnect 后再修改目标节点，回调数量应保持不变。

ResizeObserver 关注盒尺寸，IntersectionObserver 关注视口交叉；分别改变 CSS 尺寸和滚动位置，记录触发源。

一次同步追加多个节点后回调通常批量收到 MutationRecord；使用 record.addedNodes 逐项处理，不假设每次修改恰好一次回调。

以下入口对应本章概览或综合练习，答案核对沿用本章各知识点的实现与日志。