Chrome 是程序员的标配了，而从全球的市场份额来看，它在全球市场的份额已经超过 60%。 在 Chrome 10 周年之际，官方发布了一个系列文章，用图解的方式，很清晰的讲解了现代浏览器的运行原理，Chrome 之所以这么好用，这么快，是有原因的。 这个系列，一共 4 篇文…

这是我参与8月更文挑战的第6天，活动详情查看：8月更文挑战 上一节我们说地址栏跳转的时候，谈到了浏览器会缓存用户访问url序列，我们可以通过浏览器的前进后退按钮或者通过js提供的方法，访问这个序列里的

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

JavaScript中的Map、WeakMap和Object都是用于存储键值对的数据结构： Map：Map是一种新的数据结构，它允许使用任何数据类型（包括对象和基本数据类型）作为键。Map的一些特性包

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…

本文简要描述了 DNS 系统的分层结构，包括根域名服务器、顶级域服务器、权威 DNS服务器，还有分层结构外的本地 DNS 服务器，通过 DNS 查询过程描述了它们之间是怎么交互的。

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于3D绘制等。 浏览器渲染进程(浏览器内核)：每个Tab页对应一个进程，互不影响。 这里我们只考虑输入的是一…