浏览器线程有哪些

最新推荐文章于 2025-02-25 10:53:11 发布
原创 最新推荐文章于 2025-02-25 10:53:11 发布 · 3.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ui #前端

浏览器中包含什么？三个常驻线程？

浏览器基础结构主要包含七个部分：

  • 用户界面：用户所看到的内容和与之交互的功能组件，比如按钮、表单等等
  • 浏览器引擎：负责控制和管理下一级的渲染引擎
  • 渲染引擎：解析用户请求的内容并返回
  • 网络：负责处理网关相关事宜，比如http服务
  • UI后端：负责绘制一些提示框等UI组件，底层使用的是操作系统的用户接口
  • js解析器：负责解析和执行js代码
  • 数据存储：负责存储数据如cookie等

浏览器是多线程的，js是单线程的，浏览器至少包含三个常驻线程：

js引擎线程：基于事件驱动单线程执行

GUI渲染线程：负责渲染浏览器界面。但是js引擎线程和GUI渲染线程是互斥的，当js引擎线程进行时，GUI渲染线程会暂停，直到js引擎线程结束才继续，这也就是js阻塞

事件触发线程：当事件被触发后，会把事件添加到任务队列的最尾端，等待js引擎处理执行

gaofan_long
关注
浏览器的核心线程和核心进程有哪些？
祈澈菇凉
11-10 456
1： 渲染线程（Main Thread）：渲染线程是浏览器中最主要的线程，负责处理用户界面、页面布局、样式计算、绘制等任务。5： 异步HTTP请求线程：异步HTTP请求线程用于处理异步的网络请求，例如使用XMLHttpRequest对象或Fetch API发送的请求。6： Web Worker线程：Web Worker线程是一种独立的后台线程，用于执行耗时的计算任务，以避免阻塞渲染线程。2： 浏览器进程：浏览器进程是控制整个浏览器的进程，负责管理和协调其他进程的工作。
前端技能树，面试复习第 37 天—— 浏览器原理：进程与线程 | 浏览器有哪些进程 | Service Worker
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
07-24 495
一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。进程是运行在虚拟内存上的，虚拟内存是用来解决用户对硬件资源的无限需求和有限的硬件资源之间的矛盾的。从操作系统角度来看，虚拟内存即交换文件；从处理器角度看，虚拟内存即虚拟地址空间。...
对浏览器内核（渲染进程）的理解
weixin_33734785的博客
03-30 872
　　 浏览器的渲染进程（是Browser进程，浏览器插件进程，GPU进程，渲染进程中的一种进程）包含的一些主要常驻线程： GUI渲染线程 负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。 当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行 注意，GUI渲染线程与JS引擎线程是互斥的，当JS...
浏览器线程
翱翔-蓝天
05-21 678
浏览器通过多个线程来处理不同类型的任务，以提高页面加载速度和响应性。了解这些线程及其协作方式，有助于编写高效的前端代码，优化页面性能和用户体验。
浏览器的线程有哪些
一些coding知识记录
08-24 1045
XMLHttpRequest在连接后，浏览器会新开一个线程请求，等检测到请求状态改变后，将对应执行函数推入执行栈中，等待JS引擎线程执行。负责计时，等setInterval、setTimeout等待时间结束后，将执行函数推入执行栈。负责渲染HTML、CSS，二维视图，三维视图，GUI内部的线程是多线程。如click、resize等事件触发后，将触发后的执行函数，推入执行栈。负责执行执行栈最顶端的JS代码，与GUI线程互斥。
浏览器线程与浏览器渲染流程
Czm_cc的博客
10-08 338
1. 浏览器线程 1. js引擎线程(主线程) 主要负责执行JavaScript脚本，js是单线程异步，异步是由子线程完成，js引擎负责调度子线程。 2. GUI渲染线程 负责渲染浏览器界面，包括解析HTML、css、构建DOM树、渲染树、布局与绘制. 3. 事件监听线程 对事件进行处理 4. 计时器线程 负责定时, setInterval 和 setTimeout 5. 网络线程 负责处理http请求 当主线程空闲时，才会执行子线程 2. 浏览器渲染流程 在浏览器中输入url(统一资源定位
彻底理解浏览器的进程与线程
qq_39454432的博客
05-29 1080
彻底理解浏览器的进程与线程
Edge浏览器如何开启多线程下载功能
mmoo_python的博客
02-25 1790
Edge浏览器作为微软推出的新一代浏览器，不仅拥有出色的浏览速度和兼容性，还集成了许多实用的功能，其中就包括多线程下载。多线程下载功能通过同时开启多个下载线程，提高了下载效率，尤其适用于下载大型文件，如软件安装包、视频文件等。多线程下载功能作为提升下载速度的重要手段，在现代计算机技术中扮演着越来越重要的角色。微软的Edge浏览器通过集成多线程下载功能，为用户提供了更加高效、便捷的下载体验。本文详细介绍了如何在Edge浏览器中开启多线程下载功能，并探讨了该功能的优势、注意事项以及验证方法。
浏览器中的线程
wangyoucaoxiaoxiao的专栏
01-10 549
1 进程与线程的区别   进程是操作系统分配资源的最小单位， 线程是程序执行的最小单位   一个进程由一个或多个线程组成， 线程是一个进程中代码的不同执行路线   进程之间相互独立， 但同一进程下的各个线程之间共享程序的内存空间（包括代码段，数据集， 堆等）以及一些进程 级的资源（如打开文件和信号）   调度和切换：线程上下文切换比进程上下文切换要快得多   2 多进程与多线...
浏览器的多线程理解
大康子
09-01 976
浏览器的线程介绍 通常一个浏览器至少有3个常驻线程：js引擎线程(处理js),GUI渲染线程(浏览器页面渲染)，浏览器事件触发线程(事件触发控制)。 1.js引擎线程。由于js引擎是基于事件驱动的单线程，所以js引擎会一直等待着任务队列中任务的到来并处理。浏览器无论什么时候都只有一个线程来运行js程序 2.GUI渲染线程。当浏览器界面重绘或者回流时(重绘不一定
浏览器常见进程和线程
程序媛的梦工厂
03-04 1183
浏览器常见进程和线程
Vue文档再研-感悟
Front-End严黑C的博客
10-17 272
1.只有当实例被创建时就已经存在于data中的属性才是响应式的。 2.计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要message还没有发生改变，多次访问reversedMessage计算属性会立即返回之前的计算结果，而不必再次执行函数。 3.JS操作真实DOM的代价！ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DO...
浏览器多线程
随风的博客
06-12 1347
浏览器多进程 javascript进程线程浏览器 进程是cpu资源分配的最小单位（是能拥有资源和独立运行的最小单位），线程是cpu调度的最小单位（线程是建立在进程的基础上的一次程序运行单位）。 浏览器内的进程 知道了进程与线程之间的关系之后，下面是浏览器与进程的关系了。首先，浏览器是多进程的，之所以浏览器能够运行，是因为系统给浏览器分配了资源，如cpu、内存，简单的说就是，浏览器每打开一个标签页，就相当于创建了一个独立的浏览器进程。例如我们查看chrome里面的任务管理器。 注意： 在这里浏览器应该也有自己
浏览器有哪些进程？浏览器进程，渲染进程，网络进程，渲染进程有哪些线程？
weixin_43276913的博客
03-31 3420
浏览器进程，渲染进程有哪些线程 参考：https://segmentfault.com/a/1190000012925872
浏览器中的进程和线程
qq_37464878的博客
10-17 2177
1.简述进程和线程 进程： 一段运行的程序指令 是对CPU工作时间段的描述 执行过程是先加载进程A运行需要的上下文环境(全局变量，库…)，执行进程A，保存A所需要的上下文，以相同的操作执行进程B… 线程： 一段运行的程序指令 是对CPU工作时间段的描述 执行过程是先加载线程A运行需要的上下文环境(全局变量，库…)，执行进程A，保存A所需要的上下文，以相同的操作执行线程B…线程的上下文是所属进程的上下文，相比进程上下文切换来说，线程上下文切换的开销要小一些 2.
浏览器的线程
diaoju3333的博客
04-07 153
http://www.cnblogs.com/kevin2chen/p/6415630.html 浏览器是多线程的，它们在内核制控下相互配合以保持同步。一个浏览器至少实现三个常驻线程：JavaScript引擎线程，GUI渲染线程，浏览器事件触发线程。 1) javascript引擎是基于事件驱动单线程执行的（可以修改DOM，简单化处理了），要实现ECMAScript标准。JS引擎...
浏览器的多线程
chiuwingyan的博客
08-05 3416
前言 JavaScript是单线程，这个应该都有了解。那么，对于JavaScript的宿主环境，浏览器，浏览器的内核是多线程的。 在内核控制下各线程相互配合以保持同步，一个浏览器通常由以下常驻线程组成： GUI 渲染线程 JavaScript引擎线程 定时触发器线程 事件触发线程 异步http请求线程 而常驻的线程至少有3个： 1、GUI 渲染线程 2、JavaScript引擎线...
浏览器的线程有哪些，作用
最新发布
12-13
浏览器内核是多线程的，在内核控制下各线程相互配合以保持同步，一个浏览器通常由以下常驻线程组成 [^1]： - **GUI 渲染线程**：负责渲染浏览器界面，解析 HTML、CSS，构建 DOM 树和 CSSOM 树，合并生成渲染树，进行布局计算和绘制等操作，将网页内容呈现给用户。 - **定时触发器线程**：处理 `setTimeout` 和 `setInterval` 等定时任务。由于 JavaScript 是单线程执行的，为了防止这些定时任务影响主线程的执行，专门有此线程负责计时，当计时结束时将相应的回调函数放入任务队列等待执行。 - **事件触发线程**：当事件（如点击、鼠标移动等）被触发时，该线程会将相应的事件处理程序添加到任务队列中，等待 JavaScript 引擎线程执行。 - **异步 HTTP 请求线程**：处理异步的 HTTP 请求，如 `XMLHttpRequest` 或 `fetch` 请求。当请求完成后，将回调函数放入任务队列等待执行。 - **JavaScript 引擎线程**：负责执行 JavaScript 代码。由于 JavaScript 是单线程的，该线程一次只能执行一个任务，因此会阻塞其他任务的执行。 ### 示例代码 以下是一个简单的示例，展示了不同线程的协作： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #myButton { padding: 10px 20px; background-color: blue; color: white; } </style> </head> <body> <button id="myButton">Click me</button> <script> // 事件触发线程处理点击事件 document.getElementById('myButton').addEventListener('click', function () { console.log('Button clicked'); // 定时触发器线程处理定时任务 setTimeout(function () { console.log('Timeout executed'); }, 2000); }); // 异步 HTTP 请求线程处理异步请求 fetch('https://jsonplaceholder.typicode.com/todos/1') .then(response => response.json()) .then(data => console.log(data)); </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值