Skip to content

框架互操作与测试边界:练习答案 ​

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

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

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

框架桥接 ​

属性用 property 传复杂对象,事件用 addEventListener;不要把对象序列化成字符串再由组件猜类型。

浏览器测试 ​

在真实浏览器中等待 customElements.whenDefined,再断言 shadow DOM、事件和表单行为;仅 jsdom 不能证明布局与原生表单集成。

升级时机 ​

先插入未知元素再 define,验证升级回调;测试重复 define 应失败且不污染其他测试。

章节入口核对 ​

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

用心记录每一步成长