生活中你买了一瓶可乐，喝完之后可乐瓶就变成了垃圾，应该被回收处理。 同样地，我们在写 js 代码的时候，会频繁地操作数据。 在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。 会先在全局作用域中添加一个dog 属性，并在堆中创建了一个空对象，将该对象的地…

0. 前言 身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。 浏览器引擎：在用户界面和呈现引擎之间传送指令。 渲染引擎：负责显示请求的内容。如…

本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现…

本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非常庞大且零散的知识集合，一篇文章如果要写优化的具体方法恐怕只能做一些有限的列举。 然而，如果了解清楚浏览器的渲染过程、渲染原理，其实…

这个系列共有4篇，我们将会从Chrome浏览器的高层架构谈到到渲染管道的细节。如果你曾好奇浏览器是怎么将你的代码生成网页，或者你不清楚一些性能优化的实践是建立在哪些原理上的，那这个系列就是为你而准备的。 在这一篇，我们将会谈一些关于计算核心的术语和Chrome的多进程架构。 为…

在平时的工作中，页面的动画效果是很常见的需求。那么，怎么样实现一个高效的动画呢？ 一个页面展示在用户面前，简单来说，会经历以上5个步骤。我们可以把上面这个图称为像素管道。 Javascript: 执行js逻辑，修改DOM，修改CSS等。 Style：计算样式。 Layout：在…

带你逐步了解浏览器工作原理