wens

从上文我们知道，一旦文档被提交，渲染进程便开始解析页面和加载资源了。 按照渲染的先后顺序会经历下面几个阶段：构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。 渲染进程收到 HTML 文件是无法直接被渲染引擎理解的，所以要将其转化为渲染引擎能够理解的内部结构…

使用TDD开发能够带来很多好处。 但是前端单元测试历来都是非常令人头疼的问题，业务更新快，维护UI测试用例让人崩溃到放弃，但是除了UI部分，单纯的逻辑部分可测试的部分很少，因此大部分项目都不写测试用例。 react-hooks期望每个函数功能拆分单一，方便组合复用，同时也方便了…

通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。 手动回收 -- 何时分配内存、何时销毁内存都是由代码控制的。如果数据已经不再需要了，但是又没有主动销毁，那么这种情况就被称为内存泄漏。 自动回收 -- 产生的垃圾数据是由垃圾回收器来释放的，并不需要手动通过代码来释放。如…

多线程可以并行处理任务，但是线程是不能单独存在的，它是由进程来启动和管理的。 那什么又是进程呢？一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行其中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。…

数据想在互联网上进行传输，就要符合网际协议（Internet Protocol，简称 IP）标准。互联网上不同的在线设备都有唯一的地址标识，用一个数字来表示。 类比我们平常网购，用我们的收件地址类比设备的唯一标识，我们知道了这个收件地址，就可以往这个地址发送包裹。计算机的地址就…

在上一篇文章中我们介绍了本专栏的前置知识——浏览器的多进程架构。那么从这篇文章开始我们就正式带领大家一步步了解从输入URL到渲染页面的全过程。 然后，在网络进程中发起真正的 URL 请求。 渲染进程接收到“提交导航”的消息之后，通过和网络进程建立数据管道的方式开始准备接收 HT…

在上一篇文章中介绍了 TCP 协议是如何保证数据完整传输的，以及 TCP 连接过程包括了建立连接、传输数据和断开连接三个阶段。我们还介绍了http的发展历程。 这篇文章我们深入 HTTP 的请求过程，并通过分析一个 HTTP 请求过程中每一步的状态来带你了解完整的 HTTP 请…

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…