diff --git a/2-ui/99-ui-misc/03-event-loop/article.md b/2-ui/99-ui-misc/03-event-loop/article.md index 86e6146a..4a162528 100644 --- a/2-ui/99-ui-misc/03-event-loop/article.md +++ b/2-ui/99-ui-misc/03-event-loop/article.md @@ -263,11 +263,11 @@ What's going to be the order here? 2. `promise` shows second, because `.then` passes through the microtask queue, and runs after the current code. 3. `timeout` shows last, because it's a macrotask. -The richer event loop picture looks like this (order is from bottom to top, that is: `setTimeout` first, then microtasks and so on): +The richer event loop picture looks like this (order is from top to bottom, that is: the script first, then microtasks, rendering and so on): ![](eventLoop-full.svg) -**All microtasks are completed before any other event handling or rendering or any other macrotask takes place.** +All microtasks are completed before any other event handling or rendering or any other macrotask takes place. That's important, as it guarantees that the application environment is basically the same (no mouse coordinate changes, no new network data, etc) between microtasks. diff --git a/2-ui/99-ui-misc/03-event-loop/eventLoop-full.svg b/2-ui/99-ui-misc/03-event-loop/eventLoop-full.svg index 9e469140..201d9a14 100644 --- a/2-ui/99-ui-misc/03-event-loop/eventLoop-full.svg +++ b/2-ui/99-ui-misc/03-event-loop/eventLoop-full.svg @@ -1 +1 @@ -...mousemoveevent loopmicrotasksrendermicrotasksrenderscriptsetTimeout \ No newline at end of file +...mousemoveevent looprendermicrotasksrendermicrotasksscriptsetTimeout \ No newline at end of file diff --git a/figures.sketch b/figures.sketch index 877c1c62..ef763b74 100644 Binary files a/figures.sketch and b/figures.sketch differ