用动画的方式理解事件循环机制,没有搞懂的快来看看

Posted 前端修罗场

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用动画的方式理解事件循环机制,没有搞懂的快来看看相关的知识,希望对你有一定的参考价值。

事件循环是每个 javascript 开发人员都必须理解的知识点之一,但起初理解起来可能有点困难。 这篇开始,我会尝试通过低分辨率 gif 动画的方式解释它,进而来帮助你理解。

首先,什么是事件循环,为什么要关心?

JavaScript 是单线程的:一次只能运行一个任务。 通常这没什么大不了的,但是现在假设正在运行一个需要 30 秒的任务。 在该任务期间,我们等待 30 秒,然后才能发生其他事情(JavaScript 默认在浏览器的主线程上运行, 所以整个 UI 都卡住了)

以上是关于用动画的方式理解事件循环机制,没有搞懂的快来看看的主要内容,如果未能解决你的问题,请参考以下文章

搞懂事件——C# 的event的机制深度理解

搞懂事件——C# 的event的机制深度理解

最快的方式理解事件循环机制

一文搞懂Node.js以及浏览器中的事件循环机制

彻底搞懂JS事件中的循环机制 Event Loop

Python——项目-小游戏2-动画绘制