关于EVENT-LOOP里的DOM渲染

来源：16-5 网页加载和渲染相关的面试题

慕妹8003063

2021-06-02

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

写回答

1回答

双越

2021-06-03

已采纳

第一，是的。

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

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

双越

慕妹8003063

是的，理解正确。

2021-06-03

共2条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

查看课程

相似问题

老师我有一个疑问，微任务是dom渲染前触发，但是dom渲染前应是还没有开始eventLoop轮询，为什么会执行微任务呢？

回答 1

宏任务微任务和DOM渲染

回答 1

渲染的理解

回答 1

执行顺序问题

回答 2

事件循环过程的问题

回答 1

打开慕课网App查看更多内容