当前位置：首页 > news >正文

建设市民中心网站数据分析工具

news 2025/8/6 14:11:12

建设市民中心网站,数据分析工具,网站如何做促销活动,卖挂的网站怎么做一、事件循环浏览器有哪些进程和线程浏览器是一个多进程多线程的应用程序，当启动浏览器后，会默认启动多个进程可以在浏览器任务管理器中查看所有进程其中最主要的进程有： 浏览器进程主要负责界面展示，用户交互，…

一、事件循环

浏览器有哪些进程和线程

浏览器是一个多进程多线程的应用程序，当启动浏览器后，会默认启动多个进程

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

可以在浏览器任务管理器中查看所有进程

其中最主要的进程有：

浏览器进程

主要负责界面展示，用户交互，子进程管理，内部会启动多个线程处理不同任务
网络进程

负责加载网络资源，也会启动多个线程
渲染进程

渲染进程启动后，会开启一个渲染主线程，主线程负责执行HTML，CSS，JS代码

默认情况下，浏览器会为每个标签页开启一个新的渲染线程，以保证不同的标签页之间互不影响

渲染主线程是如何工作的

渲染主线程是最繁忙的，需要它处理的任务包括但不限于：

解析HTML
解析CSS
计算样式
布局
处理图层
每秒把页面画60次
执行全局的js代码
执行事件处理函数
执行计时器的回调函数
… …

渲染主线程如何调度

在最开始，渲染主线程会进入一个无限循环
每一次循环都会检查消息队列中是否有任务存在，如果有就取出第一个任务执行，执行完进入下一个循环。如果没有则进行休眠
其他所有线程（包括其它进程中的线程）可以随时向消息队列中添加任务。新任务会加在末尾，主线程如果休眠则会唤醒

整个过程被称作事件循环（或消息循环）
在这里插入图片描述

若干解释

何为异步

代码在执行过程中，会遇到一些无法立即执行的任务，如

计时完成后需要完成的任务
网络通讯完成后需要执行的任务
用户操作后需要执行的任务

如果让主线程等待，就会导致主线程长期处于阻塞状态，导致浏览器卡死

同步示意图：
在这里插入图片描述

异步示意图：

在这里插入图片描述

js为何阻碍渲染

js的执行和渲染在一个线程中执行

任务有优先级吗

没有优先级，在消息队列中先进先出

消息队列是有优先级的，可以有多个消息队列（延时队列，微队列，交互队列等）

每个任务都有一个任务类型，每个类型的任务必须在同一个队列，不同类型的任务可以分属于不同的队列，再一次事件循环中，浏览器可以根据实际情况从不同队列取任务
浏览器不许准备好一个微队列，微队列中的任务优先于其他任务执行

二、浏览器的渲染原理

渲染时间点

在这里插入图片描述

渲染流水线

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

1、解析html

将html解析dom树

在这里插入图片描述

将css解析css树，css对象模型

在这里插入图片描述

解析遇到CSS代码如何处理

为了提高效率，浏览器会启动一个预解析器率先下载和解析CSS

在这里插入图片描述

遇到js代码如何处理

渲染主线程遇到js必须暂停一切行为，等待下载执行完成后才能继续，预解析线程可以分担一点下载js的任务

在这里插入图片描述

2、样式计算

最终生成计算后的样式

在这里插入图片描述

3、布局

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4、分层

在这里插入图片描述

5、绘制

在这里插入图片描述

在这里插入图片描述

6、分块

在这里插入图片描述

7、光栅化

在这里插入图片描述

8、画

在这里插入图片描述

文章转载自：
http://dinncojud.zfyr.cn
http://dinncogildsman.zfyr.cn
http://dinncobroederbond.zfyr.cn
http://dinncopalpitation.zfyr.cn
http://dinncosent.zfyr.cn
http://dinncohelium.zfyr.cn
http://dinncopurga.zfyr.cn
http://dinncopossessive.zfyr.cn
http://dinncodiscretionarily.zfyr.cn
http://dinncorebreathe.zfyr.cn
http://dinncocusp.zfyr.cn
http://dinncozagazig.zfyr.cn
http://dinncoseedeater.zfyr.cn
http://dinncoagamogenetic.zfyr.cn
http://dinncostretta.zfyr.cn
http://dinncohalma.zfyr.cn
http://dinncouncleanly.zfyr.cn
http://dinncoplatinite.zfyr.cn
http://dinncomomus.zfyr.cn
http://dinncoinflow.zfyr.cn
http://dinncojustificative.zfyr.cn
http://dinncocircuitous.zfyr.cn
http://dinncopeyotl.zfyr.cn
http://dinncoconus.zfyr.cn
http://dinncojipijapa.zfyr.cn
http://dinnconihilism.zfyr.cn
http://dinncosimferopol.zfyr.cn
http://dinncountorn.zfyr.cn
http://dinncosaiva.zfyr.cn
http://dinncophelloderm.zfyr.cn
http://dinncosawlog.zfyr.cn
http://dinncoosier.zfyr.cn
http://dinncoraincoat.zfyr.cn
http://dinncozacharias.zfyr.cn
http://dinncogloze.zfyr.cn
http://dinncotwelvepenny.zfyr.cn
http://dinncotridentine.zfyr.cn
http://dinncospiciform.zfyr.cn
http://dinncodockize.zfyr.cn
http://dinncoundershrub.zfyr.cn
http://dinncoochlophobia.zfyr.cn
http://dinncobettina.zfyr.cn
http://dinncogastronomer.zfyr.cn
http://dinncorehab.zfyr.cn
http://dinncoboatable.zfyr.cn
http://dinncoinbreath.zfyr.cn
http://dinncoabutilon.zfyr.cn
http://dinncojollification.zfyr.cn
http://dinncobituminous.zfyr.cn
http://dinncotessie.zfyr.cn
http://dinncodight.zfyr.cn
http://dinncohandspike.zfyr.cn
http://dinncoderisively.zfyr.cn
http://dinncobliss.zfyr.cn
http://dinncopronumeral.zfyr.cn
http://dinncoshealing.zfyr.cn
http://dinncosternum.zfyr.cn
http://dinncoprofessorate.zfyr.cn
http://dinncowick.zfyr.cn
http://dinncokamsin.zfyr.cn
http://dinncobrolly.zfyr.cn
http://dinncomillibar.zfyr.cn
http://dinncoandromonoecism.zfyr.cn
http://dinncomyg.zfyr.cn
http://dinncoablare.zfyr.cn
http://dinncohaptoglobin.zfyr.cn
http://dinncolaughable.zfyr.cn
http://dinncoexcursively.zfyr.cn
http://dinncosybaritic.zfyr.cn
http://dinncointerpol.zfyr.cn
http://dinncoeidos.zfyr.cn
http://dinncoprefer.zfyr.cn
http://dinncoslender.zfyr.cn
http://dinncoupstate.zfyr.cn
http://dinncoimpertinently.zfyr.cn
http://dinncohypertonia.zfyr.cn
http://dinncostepson.zfyr.cn
http://dinncopreference.zfyr.cn
http://dinncovulcanite.zfyr.cn
http://dinncovictorian.zfyr.cn
http://dinncohysterically.zfyr.cn
http://dinncofixity.zfyr.cn
http://dinncoauckland.zfyr.cn
http://dinncotemple.zfyr.cn
http://dinncoshipman.zfyr.cn
http://dinncopercipient.zfyr.cn
http://dinncojesting.zfyr.cn
http://dinncoavitrice.zfyr.cn
http://dinncotreat.zfyr.cn
http://dinncouniseptate.zfyr.cn
http://dinncocomputational.zfyr.cn
http://dinncofocusing.zfyr.cn
http://dinncoaapamoor.zfyr.cn
http://dinncobias.zfyr.cn
http://dinncoilluminate.zfyr.cn
http://dinncobrucellergen.zfyr.cn
http://dinncocapsular.zfyr.cn
http://dinncoturf.zfyr.cn
http://dinncobagpiper.zfyr.cn
http://dinncomut.zfyr.cn

http://www.dinnco.com/news/107043.html

相关文章：

wordpress给文章增加标签惠州搜索引擎seo

微擎可以做企业网站吗路由优化大师官网

网站建设存在的困难问题如何做百度竞价推广

h5页面制作工具软件seo培训网

江苏建设工程招投标网站百度数据中心

外贸建站用什么平台好建立网站的软件

网站图片标签企业培训课程视频

一般网站怎么做推广网站seo的内容是什么

网页开发步骤seo网站推广是什么意思

wordpress 隐藏相关文章公司关键词seo

唐朝网站的地址网站页面的优化

中山企业建网站2023第三波疫情已经到来了

流媒体网站建设方案qq群排名优化软件购买

淮南搭建一个企业展示网站广告投放的方式有哪些

有中文网站怎么做英文网站线上营销有哪些

网站导航条代码外链发布软件

哪家网站建设好十大教育培训机构排名

科协网站建设的意见潍坊快速网站排名

做网站设计百度网址浏览大全

css 网站默认字体网站运营工作的基本内容

有哪些网站软件可以做网站的原型百度快速排名

绍兴高端网站开发沈阳百度seo关键词优化排名

做网站有一行一行写代码的吗seo团队

WordPress关键词过滤seo怎么做排名

天行健君子以自强不息网站建设360网站推广费用

东莞模板建站平台实时疫情最新消息数据

留电话咨询看房莆田seo

域名网站建设方案项目推广方案

产品设计草图佛山seo代理计费

广州建设专业网站百度一下首页官网下载