个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我看到好几篇文章都说渲染步骤在微任务之后。
我用这个代码测试它:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>test</p>
<script>
const p = document.querySelector('p');
p.textContent = 'text';
Promise.resolve().then(function microtask() {
debugger;
p.textContent = 'Promise';
});
</script>
</body>
</html>
最佳答案
您可以通过查看 event-loop processing model 来简单地证明这一点。 .在省略我们不感兴趣的几个步骤的同时解释其当前状态:
// We wrap our code in a 0 timeout and two rAF levels
// to be sure the initial rendering of the page did occur
setTimeout( () => {
requestAnimationFrame( () => {
requestAnimationFrame( () => {
// Now we modify the DOM
document.querySelector( 'p' ).textContent = "modified";
// and we start locking the UI using a Promise chain
const start = performance.now();
(function lockUI() { // IIFE
if( performance.now() - start < 5000 ) {
// recursive Promise chaining
// all these promises will get executed before the next rendering
// and block the UI rendering
// even though we were in an rAF callback!
return Promise.resolve()
.then( lockUI );
}
} )();
} );
} );
}, 0 );<p>Initial (please wait 5s)</p>Promise.resolve().then()您实际上将一个微任务排队，从事件循环的 Angular 来看，它实际上与此处的同步操作相同，因为在排队之后没有任何事情发生。
alert() 这样的模式时，Firefox 都会执行此操作。或
prompt()等等。
text , Chrome 不会在这里调用这个算法，所以它不会渲染任何东西，甚至不会渲染最初的
test :
const p = document.querySelector('p');
p.textContent = 'text';
Promise.resolve().then(function microtask() {
alert();
p.textContent = 'Promise';
});<p>test</p>debugger 调用这个算法.所以这个关键字不会阻止渲染，这就是为什么你会看到
text被渲染。
关于javascript - 任何证明在渲染之前执行微任务的示例？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62562845/
25
4
0
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 9 年前。 Improve th
使用微 Controller 时，通常您必须对寄存器进行写入和读取，为了使代码更具可读性，您需要定义寄存器地址及其位。这有点好，但是当您的寄存器名称彼此非常相似时，它很快就会变得困惑，例如此处所示 #
微 Controller 背景下的“原子操作”是什么？ 我正在研究 TI F28027 MCU。 The data sheet says that its operations are atomic
我正在用 PIC 微 Controller 做一个项目。我有一个 ADC 采样并将数据保存到 RAM 存储器，一旦 RAM 被填满，我需要使用 PIC 微 Controller 通过蓝牙发送它。 我的
如何确定微 Controller 中特定程序所需的堆栈内存？ 例如，假设我有一个内部可能有许多子例程或线程的程序。在我开始执行程序之前，我想修复这个程序的堆栈大小。我如何标记堆栈的终点。 最佳答案 我
我知道 printf 和 sprintf 之间的基本功能差异。但是，我想知道它们之间一些与时间/延迟相关的差异。显然，我想在我的一个自定义构建 RTOS 的任务中使用它。你怎么看 ？我想知道更多它会如
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 5 年前。
我有一个一般性的问题。我在微 Controller 上记录错误。但是微 Controller 的资源比 Windows 计算机更有限。在我的例子中，我将 64 个错误代码保存在一个队列中，由 Free
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 6 年前。 Improve th
假设我有一个时钟速度为 20 Mhz 的 8 位定时器。计时器在多少时间内可以计数多远而不溢出。或者1秒内溢出多少次？我知道它可以数到 255 并且会溢出 最佳答案 时间和频率之间的关系是t = 1/
我正在开展一个全面的长期 C 编程项目，该项目需要模块化编程方法。作为设计的一部分，将创建库，因此我想确认头文件组织的正确/错误解释: 问题 假设您正在创建一个库。经过深思熟虑，您决定您希望构想的最终
1. #define timers ((dual_timers *)0x03FF6000) 这是 ARM 微 Controller 中使用的内存映射定义 结构定义在哪里 2. struct dua
我购买了 LinkSprite JPEG 彩色相机和 LPC1768 mbed 微 Controller 。通过“LinkSprite”相机，我可以拍摄 jpeg 格式的图像，根据他们提供的教程，我可
我有很多不同的时间来跟踪我的设计，但没有什么是 super 关键的。 10 毫秒 +/- 几毫秒根本不是什么大问题。但是可能有 10 个不同的定时器同时在不同的周期进行计数，显然我没有足够的专用定时器
是否可以通过串行端口与 PIC 单片机通信 Android 应用程序？我可以使用哪些低成本手机？对不起，我是哥伦比亚人。 最佳答案 不确定 PIC，但是 Arduino可能是一个很好的引用点，并且有一
今天我一直在思考以下问题: 在一台普通的 pc 中，当你分配一些内存时，你向操作系统请求它，它会跟踪哪些内存段被占用，哪些内存段没有被占用，并且不要让你弄乱其他程序的内存等。但是微 Controlle
我已经为微 Controller 的键盘开发了一个 c 驱动程序。我想改变它，例如，当我按下 1 时，它会显示 1，直到我按下另一个数字。截至目前，数字只有在我按下数字时才会改变，这意味着一旦我松开键
我有一个在线程之间共享的 volatile unsigned char array LedState[5] 变量。数组中的每个索引表示一个状态。根据每个状态，LED 将以不同的顺序闪烁。一个线程设置数
我有一个项目要对微 Controller PIC18F 进行编程，我必须将一个开关电路连接到微 Controller 板上，这个开关电路有一个电锁和一个蜂鸣器要连接到它。 锁最初是通电的。假设当我发送
我是一名优秀的程序员,十分优秀！