关于EVENT-LOOP里的DOM渲染

Question

老师在讲event-loop时，讲到DOM渲染是在微任务之后，宏任务之前，那么，这里的DOM渲染指的是JS文件代码里有关DOM渲染的内容吧？与HTML+CSS的DOM渲染没有关系吧？
还有一个问题，JS文件里的DOM渲染代码，执行时，也象异步代码一样，先放在一个地方记录并排队吗？执行完微任务之后，再把这个队列里的任务推到call stack中依次执行？

Answer 1

双越 2021-06-03 08:20:50

第一，是的。

第二，不是，执行 DOM 修改的代码是同步的，只是渲染是一步的。例如

someElem.innerHTML = 'hello'
console.log(someElem.innerHTML) // 同步，即可得到 'hello'

• 提问者 慕妹8003063 #1

  按老师讲的，我理解，DOM 修改的代码是同步执行的，但执行完并不会立即渲染在页面上，要等同步代码全部执行完，异步微任务也执行完，才会把之前执行完的DOM操作一次性渲染出来，是这样吗？

• 双越 回复 提问者 慕妹8003063 #2

  是的，理解正确。