负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。
如果在函数返回的时候，调用者就能够得到预期结果（即拿到了预期的返回值或者看到了预期的效果），那么这个函数就是同步的。
大家好，本人是 我是哪吒，个人Github账号 webVueBlog ，系列文章更多来源，欢迎 Follow
前端爱好者的聚集地 最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。 因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍，欢迎转发！ 展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系， 重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识。 内容是：从浏览器进程，再到浏览器内核运行，再到JS引擎单线程，再到JS事件循
进程是CPU分配资源的最小单位，分配独立内存，进程之间可通信，但是必须通过内核，使用IPC接口来做，代价比较大 线程是CPU调度的最小单位，同一个进程下面可以有多个线程。
学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。
如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我写的还不够清晰，我来改。。。
浏览器内核可以分成两部分：渲染引擎与JS引擎。最开始渲染引擎与JS引擎并没有明确的区分，但随着JS引擎越来越独立，内核就越来越倾向于只指渲染引擎。
前言 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 超长文+多图预警，需要花费不少时间。 最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。 因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍。 展现形式：由于是属于系统梳理型，就没有由浅入深了，而是从头到尾的梳理知识体系， 重点是将关键节点的知识点串联起来，而不是仅仅剖析某一部分知识
浏览器内核 相信大部分的前端同学都是基于谷歌浏览器进行编码，IE的应该是极少数了吧，微软早在几年前就已经表示希望用户不要使用IE游览器尤其是旧版本的，仅仅作为兼容工具使用，因为考虑到一些旧项目需要使用，所以保留在系统内。做过IE兼容性的同学们都知道IE是多么让人头疼 🤦♂️，现在我们经常使用的主流内核大概这几种： Chrome浏览器内核：我们都叫chrome内核，以前是Webkit内核，现在是Blink内核 Firefox浏览器内核：Gecko内核，俗称Firefox内核 Safari浏览器内核：Web
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向与只指渲染引擎。 关于浏览器工作原理详解，请移步至：浏览器工作原理详解
Event Loop，事件环，线程进程。这些概念对初识前端的同学来说可能会一头雾水。而且运行js代码的运行环境除了浏览器还有node。因此不同环境处理Event Loop又变得不同，十分容易混淆。如果你有这样的疑问。下文将给你一个清晰的解释。
浏览器, 在内核控制下相互配合以保持同步。它至少三个常驻的线程，JavaScript引擎线程，GUI渲染线程，浏览器事件触发线程。
在从事前端开发过程中，浏览器作为最重要的开发环境，浏览器基础是前端开发人员必须掌握的基础知识点，它贯穿着前端的整个网络体系。对浏览器原理的了解，决定着编写前端代码性能的上限。一起学习下谷歌浏览器的架构知识。 谷歌浏览器运行时的四个主要进程
现阶段的浏览器运行在一个单用户，多合作，多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器以及其他正在运行的标签被销毁。
在从事前端开发过程中，浏览器作为最重要的开发环境，浏览器基础是前端开发人员必须掌握的基础知识点，它贯穿着前端的整个网络体系。对浏览器原理的了解，决定着编写前端代码性能的上限。下面我们来一起学习下谷歌浏览器的架构知识。 谷歌浏览器运行时的四个主要进程
几乎在每一本JS相关的书籍中，都会说JS是 单线程的，JS是通过事件队列 (EventLoop)的方式来实现异步回调的。对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有 异步的能力，所以，我试图从 进程、 线程的角度来解释这个问题。
面试经典题——URL加载 一、涉及基本知识点： 1. 计算机网络 五层因特尔协议栈： 应用层（dns、http）：DNS解析成IP并完成http请求发送； 传输层（tcp、udp）：三次握手四次挥手模式建立tcp连接； 网络层（IP、ARP）：IP寻址； 数据链路层（PPP）：将请求数据封装成帧； 物理层：利用物理介质传输比特流（传输的时候通过双绞线、电磁波等） OIS七层框架:多了两层即，会话层（处理两个通信系统中交换信息的表示方式）和表示层（管理不同用户和进程之间的对话）。 get和post的
JavaScript 是单线程的，只有JS引擎线程执行事件队列的事件。为了防止代码阻塞，JavaScript使用了异步执行机制。
浏览器内核（Rendering Engine），常见的叫法如：排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核。
从开始做前端到目前为止，陆续看了很多帖子讲JS运行机制，看过不久就忘了，还是自己理一遍好些
注意：之所以要内存的一个重要原因，是因为cpu运行太快了，如果只从硬盘中读取数据，会浪费cpu性能，所以才使用存取速度更快的内存来保存运行时的数据。（内存是电，硬盘是机械）
浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。
es6之前，社区模块加载方案，主要是CommonJS(用于服务器)和AMD(用于浏览器) 而es6实现的模块解决方案完全可以替代CommonJS和AMD ES6模块设计思想：尽量静态化，在编译时就能确定模块的依赖关系，以及输入输出的变量 而CommonJS和AMD模块，都只能在运行时确定这些东西 同时：模块中使用的是严格模式 <script type="module" src="es7-1.js" ></script> <script type="module" src="es7-2.js" ></sc
接上文，上文我们讲了网络通信的部分，详细请看「一道面试题」输入URL到渲染全面梳理上-网络通信篇， 那么该说说页面渲染的流程了，也就是当输入一个URL拿到了页面后，浏览器怎么解析，怎么呈现
单线程是指，js在执行的时候，都只有一个线程来处理所有任务。这个线程就是js的主线程。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
JavaScript为什么是单线程的呢？由于设计之初，JavaScript是用来做用户交互以及页面动态渲染，所以为了简洁和方便入手，决定了它只能是单线程，否则将会带来非常复杂的同步问题。
总结一点:JavaScript是单线程的，但是浏览器不是单线程的。一些I/O操作，定时器的计时和事件监听是由其他线程完成的。
所有JavaScript代码都需要在某种环境中托管和运行。在大多数情况下，这种环境是一个web浏览器。
浏览器本身并不会执行JS代码，而是通过内置的JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句代码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。
写作不易，转载请注明出处，谢谢。 首先，上几道我编写的 js 题，作为分析的样本。 请根据代码，选择正确的选项。 第一题 var a = 0; function test(){ alert(a); } test(); A. 0 B. null C. undefined 第二题 var a = 0; function test(){ alert(a); a = 100; } test(); A. 0 B. null C. undefined 第三题 var a = 0; fun
meta 标签由 name 和 content 属性定义，用来描述网页文档的属性，比如网页的作者，网页描述，关键词等，除了HTTP标准固定了一些name作为大家使用的共识，开发者还可以自定义name。
微博作为一款体量巨大的应用，能够快速高效的在多个平台上实现复杂的业务功能，是它成功的重要因素之一。在不断前行的路上，微博有哪些成功经验可以供广大开发者借鉴与学习？
GUI渲染线程: 渲染HTML/CSS代码的，最后在页面中绘制出图形 【GPU显卡】
所谓的“浏览器内核”无非指的是一个浏览器最核心的部分——“Rendering Engine”，直译这个词汇叫做“渲染引擎”，不过我们也常称其为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页的内容，将页面内容和排版代码转换为用户所见的视图。
所有JavaScript代码都需要在某种环境中托管和运行。在大多数情况下，这种环境是一个 web 浏览器。
1.通过了解浏览器线程的一些知识我们知道浏览器进程中GUI线程是与JS引擎线程互斥的。 2.小程序的架构是JsCore执行js逻辑代码+webview页面渲染双线程，两个线程并不互斥。
我们都知道，JS是单线程的，也就是只有前一个任务执行完成，才会执行下一个任务。如果前一个任务耗时很长，那么下一个任务就只能干等着。显然，这样是非常浪费资源的。那么就要解决这个问题啦，先来了解一下「Event Loop」事件循环。
浏览器内核:浏览器分两个部分,一个是渲染引擎(layout engineer 或者 Rendering Engine)和js引擎.
浏览器=shell+内核 其中shell的种类相对比较多，内核则比较少。Shell是指浏览器的外壳：例如菜单，工具栏 等。主要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。
首先：你好，很高兴你可以看到我的文章，你可以叫我像素人，希望本篇文章可以给你带来帮助
JS引擎的一些事 JS引擎 一个读取代码并运行的引擎，没有单一的"JS引擎"; 每个浏览器都有自己的引擎，流行的引擎项目： V8 开源，由 Google 开发，用 C ++ 编写 Rhino 由 Mozilla 基金会管理，开源，完全用 Java 开发 SpiderMonkey 第一个支持 Netscape Navigator 的 JavaScript 引擎，目前正供 Firefox 使用 JavaScriptCore 开源，以Nitro形式销售，由苹果为Safari开发 KJS KDE的引擎
js内置对象是ECMAScript规范中要求实现的一些函数和对象，具体包括Object,Function,Number,Boolean,Array, String,RegExp,Error,Date,Global,Math。其中，Math比较特殊，是一个静态类，而不是构造函数。这些对象（函数） 在js引擎初始化时就已经定义完毕，可以直接在程序中或者函数上下文使用。 原生对象包括内置对象，也包括运行时创建的对象，比如用户类等。 而宿主对象则是js代码所在运行环境提供的对象，运行在浏览器上的js，其宿主环境是浏
包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分
JS引擎是单线程的，直白来说就是一个时间点下JS引擎只能去做一件事情，而Java这种多线程语言，可以同时做几件事情。
每个web浏览器都有自己的JS引擎形式，尽管目的一样。Chrome 有 v8, Mozilla 有 spider monkey等，JS引擎只是将JS源代码转换成编译器能够理解的语言，然后执行它。
首先渲染的前提是生成渲染树，所以 HTML 和 CSS 肯定会阻塞渲染。如果你想渲染的越快，你越应该降低一开始需要渲染的文件大小，并且扁平层级，优化选择器。然后当浏览器在解析到 script 标签时，会暂停构建 DOM，完成后才会从暂停的地方重新开始。也就是说，如果你想首屏渲染的越快，就越不应该在首屏就加载 JS 文件，这也是都建议将 script 标签放在 body 标签底部的原因。
线程：线程是进程中具体办事的，想同时办多件事，就需要开辟多个线程（一个进程中包含多个线程）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
