tag 事件循環

標籤
貢獻14
68
06:59 PM · Nov 03 ,2025

@事件循環 / 博客 RSS 訂閱

沐華 - 看完還不懂JavaScript執行機制(EventLoop),你來捶我

上一篇文章介紹了進程與線程,知道渲染進程都有一個主線程,並且主線程工作很多,要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程,任務只能一件一件地執行,那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢? 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢? 它是一種數據結構,存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript

收藏 評論

大衞talk - EventLoop事件循環機制(瀏覽器和Node EventLoop)

前端的同學們應該都聽説過EventLoop的概念,網上各大平台關於它的文章也是成百上千質量參差不一,其實在筆者剛開始接觸js的時候這對這方面一頭霧水,也是看了高程、官方文檔以及大量的文章後才對它有了深刻認識,在這兒就來和大家分享下我對它的的認識和理解,不過要講明白EventLoop這個東東還是要從頭説起。 本篇內容循序漸進比較長,需要耐心看完。 注:如遇到有一些鏈接無法訪問可能需要科學上網 文章首

eventloop , 事件循環 , 原理 , Javascript

收藏 評論

謝爾登_ - 事件循環其實很簡單!

一、概念 JavaScript 是單線程執行(基於執行棧 / 調用棧 call stack),事件循環負責不斷地從各種任務隊列裏取任務執行——以保證異步任務的函數回調按規則有序運行,瀏覽器環境和 Node.js 環境都使用事件循環,儘管他們的事件循環邏輯並不相同。 之所以函數的執行基於“棧”這種結構,是因為 js 函數允許嵌套,先調用的函數需要等待內部函數的調用執行完畢才

任務隊列 , 事件循環 , Vue , Css , 前端開發 , HTML

收藏 評論

mob64ca1405d568 - javascript如何阻塞線程

1.阻塞與線程 什麼是阻塞(block)呢? 線程在執行中如果遇到磁盤讀寫或網絡通信(統稱為 I/O 操作),通常要耗費較長的時間,這時操作系統會剝奪這個線程的 CPU 控制權,使其暫停執行,同時將資源讓給其他的工作線程,這種線程調度方式稱為 阻塞。當 I/O 操作完畢時,操作系統將這個線程的阻塞狀態解除,恢復其對CPU的控制權,令其繼續執行。 這種 I/O 模

事件循環 , 事件隊列 , 回調函數 , javascript如何阻塞線程 , 前端開發 , Javascript

收藏 評論

程序員愛釣魚 - Node.js 架構與事件循環(Event Loop)深度解析

Node.js 之所以能夠在高併發場景下表現出色,核心原因並不在於“快”,而在於: 它以完全不同的方式對待 I/O 與執行流程。 理解 Node.js,關鍵在於理解兩件事: Node.js 的整體架構 事件循環(Event Loop)如何調度你的代碼 本文將從“宏觀架構”到“微觀執行流程”,徹底講清 Node.js 為什麼快、快在哪裏以及

單線程 , v8 , 事件循環 , node.js , 前端開發

收藏 評論

前端小巷子 - 深入 Vue 的 nextTick

深入 Vue 的 nextTick 在初學 Vue 時,我們經常會遇到這樣的困惑:數據明明已經改了,可頁面卻沒立刻變化;或者手動去獲取更新後的 DOM,結果拿到的是舊值。這時候,Vue 官方會推薦我們使用 this.$nextTick()。它到底做了什麼?為什麼“等一下”就能解決問題?本文嘗試用通俗的語言把它的作用和實現原理講清楚。 一、nextTick 的作用 Vue 的響

事件循環 , 重繪 , Vue , 前端開發 , Javascript

收藏 評論

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

收藏 評論

藍月亮 - 【Node專題】這次學明白了nodejs事件循環

Node.js 事件循環機制 概述 Node.js 僅有一個主線程用於執行所有用户的操作,使用事件循環機制(Event Loop)實現高併發和高效率的處理。 Timers階段 在Timers階段,服務器處理setTimeout和setInterval,因此,這兩種函數實際上並不是完全按照時間執行,而是在指定時間延遲一點之後才會執行

事件循環 , node.js , 優先級 , 開發語言 , 後端開發 , Javascript , Python

收藏 評論

mb68bd9657ee325 - python中的asyncio模塊

Python 的 asyncio模塊是一個用於編寫併發代碼的強大工具庫,它主要採用 async/await語法。簡單來説,它讓你能夠輕鬆處理諸如大量網絡請求、文件讀寫或數據庫操作這類會在等待響應時消耗大量時間的 I/O 密集型任務,從而顯著提升程序的效率和響應速度。 下面這個表格可以幫助你快速把握其核心概覽。

網絡請求 , 事件循環 , 後端開發 , Python

收藏 評論

索姆拉 - javascript程序設計形考作業二

JavaScript是前端開發中非常重要的一門語言,瀏覽器是他主要運行的地方。JavaScript是一個非常有意思的語言,但是他有很多一些概念,大家經常都會忽略。比如説,原型,閉包,原型鏈,事件循環等等這些概念,很多JS開發人員都研究不多。 所以今天,就來和大家看看下面幾個問題,大家可以先思考一下,嘗試作答。 八道面

javascript程序設計形考作業二 , 事件循環 , 作用域 , 堆棧 , 前端開發 , Javascript

收藏 評論

小飛俠格魯帥 - Tkinter 入門指南

Tkinter 入門指南 Tkinter 是 Python 內置的 GUI(圖形用户界面)庫,無需額外安裝,輕量且易用,適合快速開發小型桌面應用。以下從基礎概念、核心組件、佈局管理、事件處理等方面展開講解,並提供實用示例。 一、基礎框架:創建第一個窗口 import tkinter as tk from tkinter import ttk

子窗口 , 事件循環 , 後端開發 , ide , Python

收藏 評論

浪遏飛舟 - 如何實現精準的計時器

計時器 計時器在前端有很多應用場景,比如電商業務中秒殺和搶購活動的倒計時。在探討計時器之前先來回顧下它們的基本概念: 基本定義與用法 1、定義 setTimeout()用於指定在一定時間(單位毫秒)後執行某些代碼 setInterval()用於指定每隔一段時間(單位毫秒)執行某些代碼 2、參數 第一個參數 function,必填,回調函數。或者是一段字符串代碼,但是這種方式不建議使用,就和使

事件循環 , 計時器 , settimeout , setinterval , 倒計時

收藏 評論

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環,瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

收藏 評論

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務,在調用棧(Call Stack)順序執行 異步任務則不同,它在同步任務沒完成之前,不會進入主線程,而是將對應回調函數註冊到隊列中,要理解這一步,我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中,如果遇到一個異步操作,那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

收藏 評論