postTask:React的杀手锏被浏览器原生实现了?
大家好,我卡颂。
React
这几年一直在完善的并发模式主要由以下两部分组成:
基于 fiber
实现的可中断更新的架构基于调度器的优先级调度
可以说,从16年开始重构fiber
架构到今年底(或明年初)React18
发布正式版,这期间React
团队大部分工作都是围绕这两点展开的。
如果现在告诉你,React
呕心沥血多年实现的优先级调度,浏览器原生就支持,会不会很惊讶?
文章参考Building a Faster Web Experience with the postTask Scheduler。
什么是优先级调度
假设,我们有个记录日志的脚本需要在页面初始化后执行:
initCriticalTracking();
调用栈火炬图如下:

scheduler.postTask(() => initCriticalTracking());

Chrome
实现的优先级调度API。scheduler.postTask属于试验功能,需要在 chrome://flags 中打开 #enable-experimental-web-platform-features
之前是如何实现优先级调度的
scheduler.postTask
出现之前,通常使用浏览器提供的会在不同阶段调用的API模拟优先级调度,比如:requestAnimationFrame
(简称rAF
)一般用来处理动画,会在浏览器渲染前触发requestIdleCallback
(简称rIC
)在每一帧没有其他任务的空闲时间调用setTimeout
、postMessage
、MessageChannel
在渲染之间触发
React
使用MessageChannel
实现优先级调度,setTimeout
作为降级方案。API
毕竟都有本职工作。用他们实现的优先级调度比较粗糙。postTask Scheduler
诞生了。postTask Scheduler的使用
scheduler.postTask
有3种可选优先级:
// 默认优先级
scheduler.postTask(() => console.log('Hello, postTask'));
// 调用后延迟1秒执行,优先级最低
scheduler.postTask(() => console.log('Hello, postTask'), {
delay: 1000,
priority: 'background',
});
postTask
建立在AbortSignal API上,所以我们可以取消尚在排队还未执行的回调函数。TaskController API
控制:const controller = new TaskController('background');
window.addEventListener('beforeunload', () => controller.abort());
scheduler.postTask(() => console.log('Hello, postTask'), {
signal: controller.signal,
});
schedule.wait
方法可以让我们轻松的等待某一时机后再执行任务。xxx.js
:async function loadxxx() {
// 等待事件被派发
await scheduler.wait('myPageHasLoaded');
return import('xxx.js');
}
// 页面加载后派发事件
window.dispatchEvent(new CustomEvent('myPageHasLoaded'));
postTask
的event
配置项:scheduler.postTask(() => import('xxx.js'), {
event: 'myPageHasLoaded'
})
总结
资源提前、延后请求 第三方资源延迟加载
web
应用复杂到一定程度时,出现了前端框架,开发者不用直接操作DOM
。优先级
。React
现在在做的事么?

-
谷歌向发现Chrome沙盒逃逸漏洞的研究人员奖励25万美元表彰其出色工作
日前在 Chromium 项目中最新公布的某个问题详细介绍安全研究人员在 2025 年 4 月 23 日发现的高危安全漏洞,该漏洞属于 Chrome 浏览器沙盒逃逸并且具有极高的危害。有趣的是发现漏洞
-
谷歌浏览器开始停止支持MV2扩展程序 目前可通过实验性选项恢复使用
从 2025 年 7 月 12 日开始使用谷歌 Chrome 浏览器的用户应该注意到多个扩展程序被禁用,而被禁用的扩展程序全部都是基于 Manifest V2 协议开发的,按照谷歌要求开发者必须将其迁
-
谷歌推出Chrome紧急更新v138.0.7204.97修复已经被黑客利用的高危漏洞
谷歌刚刚为 Chrome 浏览器推出紧急安全更新用于修复 JavaScript v8 引擎中的高危安全漏洞,该漏洞编号 CVE-2025-6554,属于 v8 引擎中的类型混淆漏洞。目前已经有黑客利用
关注公众号:拾黑(shiheibook)了解更多
赞助链接:
关注数据与安全,洞悉企业级服务市场:https://www.ijiandao.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

随时掌握互联网精彩
- tmagic-editor,腾讯开源的基于Vue3的页面可视化编辑器
- Ivanti 披露严重VPN漏洞,该漏洞正遭到黑客积极攻击
- httpsok:开源免费的SSL证书 一行命令轻松搞定SSL证书自动续期
- 卢布汇率人民币2024年10月2日
- Lan Mouse鼠标键盘一拖多,多电脑操作,一招搞定
- 卢布汇率人民币2024年2月5日
- 美元兑人民币汇率2023年9月13日
- 英镑兑换人民币汇率2023年9月8日
- 75+ 功能,好久没见过这么全能的工具了。
- 透视东数西算 | 奇安信陈华平:内生安全让“东数”更好地“西算”
- 流淌在血脉里的运动激情,感受来自极星2的纯粹驾驶快感
- 【大公司创新情报】胡晓明辞任蚂蚁金服 CEO,未来将负责社会公益项目