translate
console.info 本文翻译自 Google 的官方文档，该系列共 4 篇文章，从内部观察现代浏览器 (Chrome)，同时解答了浏览器的内部架构，讲述了浏览器从输入 url 到页面呈现的全过程。 原文链接: inside-browser-part3 前言 这是 从内部观察现代浏览器 (Chrome) 系列文章的第三篇，在先前文章中，我们了解了浏览器的多进程架构以及一次导航到底发生了什么。在这篇文章中，我们将会了解到渲染进程到底做了什么。 渲染进程直接与 Web 页面的性能挂钩。由于渲染进程涉及到很多内容，处理了很多逻辑，并不是一篇文章能够完整描述的，这篇文章仅是一个概述。如果你想更深入的了解，可以查看the Performance section of Web Fundamentals这篇文章。 主要构成 所有选项卡内部的逻辑，都由渲染进程处理。在渲染进程中，主线程处理了绝大部分的网页代码。由 Worker 或 Service Worker 注册的
translate
console.info 本文翻译自 Google 的官方文档，该系列共 4 篇文章，从内部观察现代浏览器 (Chrome)，同时解答了浏览器的内部架构，讲述了浏览器从输入 url 到页面呈现的全过程。 原文链接: inside-browser-part2 前言 这是 从内部观察现代浏览器 (Chrome) 系列文章的第二篇，在上一篇文章中，我们了解了浏览器的组成，以及如何将任务分配到不同的进程 & 线程。在这篇文章中，我们将深入了解：为了将一个 web 页面呈现到浏览器上，各各不同的进程 & 线程是如何进行协作的。 浏览器都会有这个简单的场景：用户在导航栏里输入 url ，接着浏览器到对应的服务器获取数据并将页面内容呈现到浏览器上。在这篇文章中，我们将了解用户请求一个站点，浏览器准备去渲染页面这个过程，也就是导航。 导航始于 Browser 进程 我们在第一篇文章( CPU、GPU、内存以及多进程架构 )中提到过，
translate
console.info 本文翻译自 Google 的官方文档，该系列共 4 篇文章，从内部观察现代浏览器 (Chrome)，同时解答了浏览器的内部架构，讲述了浏览器从输入 url 到页面呈现的全过程。 原文链接: inside-browser-part1 前言 该篇文章作为本系列的第一篇，我们先来了解下关于计算机的核心术语和 Chrome 的多进程架构模型。 计算机的核心 - CPU & GPU 在了解浏览器是如何运行之前，我们必须对它所处的运行环境有所了解，毕竟浏览器是基于这些硬件的。 CPU 中央处理器 CPU (Central Processing Unit) 是计算机的大脑，一个 CPU 核心就像是一个员工，能逐个处理分配的任务。它可以接收数学、艺术在内的所有任务，并将任务的处理结果返回给任务的发布者。 曾经大多数的 CPU 是单核的，而目前，我们经常使用多核的 CPU ，多核
translate
console.info 本文翻译自 sessionstack.com，该系列共 19 篇文章，解释了 JavaScript 是如何在浏览器中工作，深入到了 JavaScript 解释器的工作原理，以及 JavaScript 技术实现细节。 原文链接: How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code 前言 几周前，我们开始了系列：深入研究 JavaScript 及其工作原理。我们认为：通过了解 JavaScript 的组成以及这些组成如何一起发挥作用，就将能够编写更好的代码和应用。 该系列的第一篇文章着重介绍了 JavaScript 的引擎、运行时和调用堆栈。这篇文章将深入探讨 Google
translate
console.info 本文翻译自 sessionstack.com，该系列共 19 篇文章，解释了 JavaScript 是如何在浏览器中工作，深入到了 JavaScript 解释器的工作原理，以及 JavaScript 技术实现细节。 原文链接: How JavaScript works: an overview of the engine, the runtime, and the call stack 前言 伴随着 JavaScript 越来越流行，越来越多的领域都能看到它的身影比如：前端、后端、APP 混合应用程序、嵌入式设备等。 该篇文章是本系列文章的第一篇，旨在深入探讨 JavaScript 及其工作方式。我们认为：通过了解 JavaScript 的组成以及这些组成如何一起工作，