本文基于 2019 年的同名文章进行内容大规模的重构和更新，旨在为各位读者带来尽可能新的、全面的内容。

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

本文将从 V8 出发从原理到面试题进行一个串联，帮助你形成一个比较好的体系。 人眼前一亮。 我们知道的这些内容，大多都说是 JS 里的特性，这可能只是一个笼统模糊的回答，第一个重点：V8 和 宿主 的功能傻傻分不清楚。 V8 是由谷歌收购并使用 C++开发并开源的 javasc…

今天 Chrome 更新了 87 最新版，这是今年最后一次 Chrome 更新了，这个版本是多年来 Chrome 性能获得最大提升的一次，开发者工具也进行了大幅度更新。 有用户认为，原本 Chrome 的性能问题诟病已久，然而在新 Edge 出来了以后，性能突然就提升了，这显然…

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

在现有的javascript引擎中，V8引擎绝对是其中的佼佼者，chrome和node底层都使用了V8引擎，其中chrome的市场占有率已经达到70%，而node更是前端工程化以及扩展边界的核心支柱，V8引擎对于一个前端开发工程师来说重要程度可想而知。我们大部分javascri…

原因一：该文章系列不管你是前端开发者，还是后端开发者在面试中经常会被问到一个问题 “从浏览器输入url到页面显示经历了哪些？” 一个非常常见的问题，看了该系列绝对能惊到面试官，可能就因为这一道面试题就收了你呢！嘿嘿。 原因二：自己主要是后端方向，该系列文章也是为了学习记录，方便…

缓存是有空间的限制的，不同的情况下会采取不同的缓存淘汰策略应对缓存满载。常见的缓存淘汰策略有三种： 简单理解其实就是：如果一个数据最先进入缓存中，则应该最早淘汰掉。 所以 LFU 的淘汰策略其实就是：如果一个数据在最近一段时间内使用次数很少，那么在将来一段时间内被使用的可能性也…

重排重绘，看这一篇就够了