microtask 和 ui render 的时机

[vevlins]

看到有的文章说 ui render 是一个 macrotask，有的说 ui render 是在 microtask 之后，但是又说浏览器的 gui 线程和 js 线程是阻塞的，所以 ui render 到底是啥时候完成的

[crs0910]

<amp-youtube data-videoid="cCOL7MC4Pl0" layout="responsive" width="480" height="270"></amp-youtube>

[crs0910]

看看这个 <amp-youtube data-videoid="cCOL7MC4Pl0" layout="responsive" width="480" height="270"></amp-youtube>

[henmeiweide]

马克，一个浏览器 tab 进程确实含有一个 GUI 渲染线程以及 JS 线程，并且互斥，不能同时运行，但具体 render 属于啥看看楼下有没有大佬解答

[des]

不太清楚你说的 ui render 是什么？
只听说过 layout Paint Composite 这些，不知道你指的是哪个？

[MinonHeart]

你需要了解一下 microtask 和 macrotask 的区别，以及浏览器渲染流程。
推荐看下 https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/ （虽然是 node 的，都是说明相当到位），ui render 可以类比为 event loop 中的 macrotask