浏览器的事件轮询（消息轮询）

置顶 已于 2023-03-15 19:11:49 修改
阅读量560 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 浏览器 文章标签： javascript
于 2023-03-15 19:07:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_39598192/article/details/129560650
本文深入探讨浏览器的进程和线程模型，重点讲解渲染主线程的工作原理，以及如何处理异步任务。从JS阻塞渲染的原因到计时器无法精确计时的机制，揭示了事件轮询在调度任务中的关键作用，帮助理解浏览器内部的消息队列和任务优先级管理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

浏览器的进程模型

何为进程？

何为线程？

浏览器有哪些进程和线程？

渲染主线程是如何⼯作的？

相关问题

何谓异步

JS为什么会阻塞渲染

JS 中的计时器为什么无法精确计时？

任务队列与优先级

浏览器的进程模型

何为进程？

程序运⾏需要有它⾃⼰专属的内存空间，可以把这块内存空间简单的理解为进程。

每个应⽤⾄少有⼀个进程，进程之间相互独⽴，即使要通信，也需要双⽅同意。

何为线程？

有了进程后，就可以运⾏程序的代码了。
运⾏代码的单位我们称之为「线程」。
⼀个进程⾄少有⼀个线程，所以在进程开启后会⾃动创建⼀个线程来运⾏代码，该线程称之为主线程。
如果程序需要同时执⾏多块代码，主线程可以启动更多的线程来执⾏代码，所以⼀个进程中可以包含多个线程。

浏览器有哪些进程和线程？

浏览器是⼀个多进程多线程的应⽤程序（ 可以在浏览器的任务管理器中查看当前的所有进程 ）
浏览器内部⼯作极其复杂，为了避免相互影响，减少连环崩溃的⼏率，当启动浏览器后，它会⾃动启动多个进程。
其中，最主要的进程有：
  1. 浏览器进程：主要负责界⾯显示、⽤户交互、⼦进程管理等。浏览器进程内部会启动多个线程处理不同的任务。
  2. ⽹络进程 ：负责加载⽹络资源。⽹络进程内部会启动多个线程来处理不同的⽹络任务。
  3. 渲染进程 ：（本文重点讲解的进程）渲染进程启动后，会开启⼀个渲染主线程，主线程负责执⾏ HTML
最低0.47元/天 解锁文章

200万优质内容无限畅学
Javascript核心知识之灵魂画手绘制eventloop事件轮询机制
Yolanda_NuoNuo的专栏
07-20 329
传说中前端面试必考的异步问题—eventloop机制，又来总结一下～ 身为笔记狂魔的阿婆主整理了好多好多笔记，多到令人发指！！！后面会慢慢发出来分享～ 像JavaScript的异步是就是一大块，要说清楚，显得有条不紊，还是要花费一点时间再整理一下的～ 一、event loop是啥子 1、event loop指的是事件循环/事件轮询的机制 像我们这种还做后端的小可爱们，会在发现JS是单线程语言的时候，小小的脑阔里充满了大大的疑问 （1）JS为毛是单线程的呢？ （2）那JS是怎么实现异步的呢？ 2、自问自答～
Promise和async await解决Ajax响应数据不可控，事件轮询
qq_60839348的博客
03-22 811
Promise和async await解决Ajax响应数据不可控，事件轮询
消息推送，轮询，消息通知
07-20
消息推送，轮询，消息通知
浏览器的事件循环(轮询)模型
libufan的博客
10-21 622
模型原理图 相关重要概念 1. 执行栈 execution stack 所有的代码都是在此空间中执行的 2. 浏览器内核 browser core js引擎模块(在主线程处理) 其它模块(在主/分线程处理) 3. 任务队列 task queue 4. 消息...
浏览器事件循环(事件轮询)
前端工作学习中
01-15 2947
浏览器事件循环（Browser Event Loop）是浏览器用于处理用户输入、网络请求、渲染和其他异步事件的机制。同步，微任务，宏任务等按事件循环机制顺序进行。
浏览器中的异步事件轮询机制
weixin_30653097的博客
04-19 277
JavaScript 是一门单线程语言，之所以说是单线程，是因为在浏览器中，如果是多线程，并且两个线程同时操作了同一个 Dom 元素，那最后的结果会出现问题。所以，JavaScript 是单线程的，但是如果完全由上至下的一行一行执行代码，假如一个代码块执行了很长的时间，后面必须要等待当前执行完毕，这样的效率是非常低的，所以有了异步的概念，确切的说，JavaScript 的主线程是单线程的...
事件轮询：如何理解浏览器中的 EventLoop？
从人到猿
11-08 515
事件轮询：如何理解浏览器中的 EventLoop？   无论是浏览器端还是服务端，都在使用 Eventloop，虽然两者机制不同，但都利用了 JavaScript语言的单线程和非阻塞的特点。   先讲解浏览器端的 Eventloop的运行机制，对浏览器端有了一定的理解之后，再设计一些 Node.js的 Eventloop的底层逻辑。 在开始之前先思考两个问题： 浏览器端的EventLoop起到了什么作用？ Node.js服务端的EventLoop的作用又表现在哪里？ 浏览器的 Eventloop   E
谈谈自己对浏览器的事件轮询机制
03-20
浏览器的事件轮询机制是指浏览器在等待事件发生时，采用轮询的方式来检查是否有事件发生。这个机制是浏览器实现异步编程的重要手段之一。在浏览器中，事件可以是用户交互、网络请求、定时器等等。浏览器通过事件队列...
node和浏览器中的事件轮询的不同
03-29
在node和浏览器中，事件轮询的机制是不同的。 在浏览器中，事件轮询是通过事件循环机制实现的。当浏览器执行完当前的任务后，会检查事件队列中是否有待处理的事件，如果有，则会从队列头部取出一个事件并执行其回调...
JS在浏览器中的执行机制以及事件轮询
qq_60845079的博客
05-15 761
——互联网寒冬中的一件棉被。 为什么会出现事件轮询 我们先记住这个问题，再说事件轮询之前，我想先提一下为什么js有事件轮询这一机制。它是干什么的呢？ 这还要从js本身的执行机制说起，js本身就是为了网页交互而出现的一种脚本语音，它是单线程的。 为什么js是单线程呢？ 因为js可能会操作dom，可能存在一遍删除dom一边修改dom的情况，如果是多线程的话，必须要确保执行的先后顺序，加大了设计难度。所以设计成单线程的。 那么如果，js中的所有代码都是单线程的话，是不是对用户体验有极大的影响，所以js有
关于windows消息轮询
woshizfs(软件开发)的专栏
05-02 1414
windows是消息轮询机制，那这样的程序将不断循环接收消息直到结束，岂不是很占用资源？如果我编写一个c++程序用循环来不断更新显示时间，cpu占用率会很高，那么windows是用什么办法使得那些消息轮询的程序占用很少资源呢？      消息循环中，用到最多的函数是GetMessage()和PeekMessage()，GetMessage()函数在消息队列为空时，是不返回 的，这时系统不会给
javascript事件轮询(event loop)详解
JIANDANQINXINILOVEYO的专栏
12-31 601
    The JavaScript Event Loop: Explained Posted on October 27, 2013 by Erin Swenson-Healey What’s this post about? With JavaScript approaching near-ubiquity as the scripting language of...
浅析 event-loop 事件轮询
github_38140984的博客
10-11 771
原文出自：https://www.pandashen.com 浏览器中的事件轮询 JavaScript 是一门单线程语言，之所以说是单线程，是因为在浏览器中，如果是多线程，并且两个线程同时操作了同一个 Dom 元素，那最后的结果会出现问题。所以，JavaScript 是单线程的，但是如果完全由上至下的一行一行执行代码，假如一个代码块执行了很长的时间，后面必须要等待当前执行完毕，这样的效率是非...
事件轮询机制详解
lmk666__的博客
05-30 1094
cpu资源分配的最小单位，是拥有资源和独立运行的最小单位，执行程序时，会创建一个进程，cpu为其分配资源，并加入进程就绪队列：cpu调度的最小单位，是程序执行的最小单位：线程是在进程基础上建立一次程序运行单位，一个进程可以有多个线程。个进程间相互独立，同个进程中的线程共享资源。浏览器是多进程的，浏览器进程包括：，浏览器的主控线程，只有一个，负责浏览器界面显示，与用户交互，管理各个页签和其他进程网络资源。，插件打开时创建一个进程。，最多一个，用于3D绘制。
消息队列之轮询分发
qq_40950803的博客
05-30 1768
文章目录消息队列之轮询分发1、什么是轮询2、轮询代码 消息队列之轮询分发 1、什么是轮询 一个生产者对应多个消费者，生产者发送多次消息，是采用轮询的机制，公平的分给每一个消费者。 2、轮询代码 //发送消息 public class Send { private static final String QUEUE_NAME= "test_work_queue"; public static void main(String[] args) throws IOException, Timeo
RabbitMQ 消息轮询和消息确认机制
嘻哈楚楚的博客
07-24 1741
转载出处：http://blog.youkuaiyun.com/liangwenmail/article/details/60877179 1 消息轮询：默认的情况下，服务器会将消息发送给下一个消费者，使得每个消费者获得消息数量尽量相同。 2 消息确认机制：默认手动确认，需要消费者反馈给服务器一个确认信号，告知服务器可以在消息队列中删除消息，如果服务器未收到确认信号若消费者断开链接，将会把消息发送给下一个消费者
rabbitmq(3)消息队列(轮询分发)
祈雨v的博客
03-25 2193
1、模型 一个生产者绑定一个队列，对应多个消费者： 2、代码 2.1、生产者 private final static String QUEUE_NAME = "hello"; public static void main(String[] args) throws Exception { ConnectionFactory factory = new Connect...
后端消息推送方案方案（轮询，长轮询，websocket，SSE）
最新发布
2301_79969279的博客
10-22 1917
长轮询是一种改进的轮询方式。客户端发出请求后，服务器保持连接（会阻塞请求）直到有新的数据产生才返回响应。一旦有新数据，服务器响应客户端，并在客户端处理完数据后，客户端立即再次发起请求，维持类似“推”的效果。
安卓消息机制中的消息队列MessageQueue的插入轮询算法
u010646258的博客
02-28 2367
1.MessageQueue的插入算法 boolean enqueueMessage(Message msg, long when) { if (msg.target == null) { throw new IllegalArgumentException("Message must have a target."); }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值