这里记录框架组件模型、浏览器运行时、资源加载、网络错误和实时性能。纯样式机制归入独立的 CSS 主题，本地命令和构建脚本归入 工程工具与系统。
建立框架与渲染模型
完成交互与网络任务
-
页面位置与业务完成状态：统一阶段顺序，按有效结果推导完成，并在异步交付结束时复核范围和版本。
-
实时输入与提交变化事件：按控件与反馈时机选择事件，保留编辑中间态。
-
Chrome 本地网络许可与 CORS：区分服务端可达与浏览器已获准访问本机服务。
-
画面缩放与命中坐标：用同一投影及其逆变换连接绘制、拖拽与范围预览。
-
位图字体与字符覆盖：修改文案时同步更新字形纹理和坐标，并核对最终画面。
-
画布贴底控件与安全区：区分画幅留白、系统安全区与控件落点，保持绘制和输入一致。
优化加载与运行时
- 媒体播放请求被暂停中断：处理播放 Promise，区分中断、静音和资源释放。
- 预计算查表：把固定范围的复杂计算移出运行时：用紧凑结构和累计偏移重建结果，并通过差分测试验证有限范围的行为。
快速复习
-
随机与不重复轮换：把随机取值、排除当前项和轮内去重分开验证。
-
Object.keys 与对象类型校验：枚举键之前先确认字典形状，再检查字段和值。
-
IndexedDB 本机版本核对与事务提交：把条件读取和写入放在同一事务，冲突时保留本页内容。