Scheduler.postTask 任务优先级与响应性优化实践

概述Scheduler API 通过 `postTask` 提供任务优先级队列与可取消机制，优先保障用户输入与关键渲染路径，降低长任务对交互的影响。关键参数`priority`: `user-blocking`、`user-visible`、`background` 三档，分别对应输入优先、界面更新优先与后台处理。`TaskController`: 提供 `signal` 用于任务取消与超时治理。实践示例const controller = new TaskController() const { signal } = controller // 用户输入相关：最高优先级 scheduler.postTask(() => handleKeyPress(), { priority: 'user-blocking', signal }) // 界面更新：次高优先级 scheduler.postTask(() => updateList(), { priority: 'user-visible' }) // 后台计算：可取消与限时 const task = scheduler.postTask(() => heavyCompute(), { priority: 'background' }) // 在路由变更或组件卸载时取消 controller.abort('route-change') 验证方法使用 Performance 面板观测长任务拆分与主线程空闲片段；在输入压测下验证 `INP` 改善。对比 `requestIdleCallback` 与 `postTask`，确保关键更新不被延后。注意事项不应滥用高优先级，避免饥饿；后台任务需分块与让出。结合 `AbortController` 管理并发网络任务，避免路由切换后遗留计算。