以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…

大家好，我是小林，我最开始写的第一篇图解文章就是这篇： 那时候我也就不到 100 读者，如今这篇阅读都快 2 万了。 当时这篇有些地方没有解释到位，然后我周末抽时间把一些没解释清楚的地方重写了，而且还

HTTP/3 已经来临，这对 Web 性能是件大事。让我们看看它能让网站速度提升多少吧！等等，HTTP/2 难道不好么？它在这几年不是挺火的吗？确实是，但它仍有一些问题，新版本的协议正朝向“标准跟踪“

WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 HTML5开始提供的一种浏览器与服务器进行全双…

因为项目中使用到了 WebSocket ，面试官在深挖项目经验的时候提到了这方面的技术，所以就此整理下相关知识，以备后续面试使用。

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