首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    细谈 Event Loop

    ,脚本,渲染,网络等,用户代理必须使用本节所述的event loop。...事件,用户交互,脚本,渲染,网络这些都是我们所熟悉的东西,他们都是由event loop协调的。触发一个click事件,进行一次ajax请求,背后都有event loop在运作。...当我们点击这个div的时候,下图截取了部分时间线,黄色部分是脚本运行,紫色部分是更新render树、计算布局,绿色部分是绘制。 绿色和紫色部分可以认为是Update the rendering。 ?...可以看到一大块黄色区域,上半部分有一根绿线就是点击后的第一次绘制,脚本的运行耗费大量的时间,并且阻塞了渲染。 看看setTimeout2的运行情况。 ?...对microtasks增加数量限制,一个很大的作用是防止脚本运行时间过长,阻塞渲染。 例子8 使用requestAnimationFrame。

    2.1K30
    领券