字节流解码。浏览器获得字节数据，根据字节编码将字节流解码，转换为代码。 输入流预处理。字符数据进行统一格式化。 令牌化。从输入流中提取可识别的子串和标记符号。可以理解为对HTML解析，进行词法分析，匹配标签生成令牌结构。 构建DOM树、构建CSSOM树。DOM树和CSSOM树的…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

2.浏览器查找当前URL是否存在缓存，并比较是否过期。 客户端获取SYN + ACK 并发送ACK（ACK = y + 1， seq = z）包至服务端，链接建立成功。（即将开始发送数据） 服务端接受通知，向客户端发送ACK报文，确认序号为收到的序号加1，和SYN一样，一个FI…

当用户在地址栏中输入一个查询关键字时，地址栏会判断是搜索内容，还是URL。 如果是搜索内容，地址栏会使用浏览器默认的搜索引擎，来合成新的带搜索关键字的 URL。 如果判断输入内容符合 URL 规则，则地址栏会根据规则，把这段内容加上协议，合成为完整的 URL。 网络进程会查找本…

整个浏览器原理系列文章正式完结了。因非科班出身，所以增加了对应的前置知识。整体的文章的思路还是不断的去问自己为什么，从而激发自己更有兴趣继续去思考下 这系列文章，只是用自己的语言重述了一遍 How Browsers Work: Behind the scenes of mode…

本文主要讲解的是V8的技术，是V8的入门篇，主要目的是了解V8的内部机制，希望对前端，快应用，浏览器，以及nodejs同学有些帮助。这里不涉及到如何编写优秀的前端，只是对JS内部引擎技术的讲解。 V8的名字来源于汽车的“V型8缸发动机”（V8发动机）。V8发动机主要是美国发展起…

每开一个标签页，就相当于创建了一个独立的浏览器进程。（有的时候会将多个标签页合并成一个进程） 当界面需要重绘（repaint）或某种操作导致回流（reflow）时，该线程就会执行。 GUI渲染线程与JS引擎线程是互斥的，当JS引擎线程执行时，该线程就会被挂起，GUI更新会保存在…