sophie旭

接上篇，还是这张图 我们看到最后有一个 SSL Negotiation的耗时，这个又是什么呢？ 接下来我就来聚焦 SSL流程，以及 HTTPS协议的意义 HTTP协议的 安全缺陷！ 一、明文传输：数据

上图！ 本篇开始我们来聊聊 DNS + TCP（TCP+ TLS），其实前端在这些个阶段能做的不多，但是 他们却与前端页面的性能的关系深远，如下图， DNS 将域名解析为 IP 地址，这个目前没啥可说

还是熟悉的图片 这篇我们来聚焦 App Cache 就像 我们手机的任何一款app都有缓存数据一样，浏览器也有， 浏览器优先检查‌应用缓存（App cache） ‌ 和‌HTTP缓存‌（强缓存如Cac

十一闲来无事，最近看了一本关于前端性能的书，而真的看懂一本书的标准就是能用自己的话说明白书中的知识，所以我想来总结一下，但是性能优化又是一个庞杂的话题，该如何说起呢？直到我看到了这道面试题，一道我们再

Hooks 初始化 知道了执行函数组件的函数，以及不同的 Hooks 对象之后，我们看一下在组件初始化的时候， Hooks 的处理逻辑，Hooks 初始化流程使用的是 mountState、mount

renderWithHooks 所有函数组件的触发是在 renderWithHooks 方法中，前面讲过在 fiber 调和过程中，遇到 Function Component 类型的 fiber （函

Hooks 是什么？Hooks 是函数组件对应的 fiber 之间的沟通桥梁 关键点分析： 函数组件没有实例：类组件通过this访问实例属性（state、context等），而函数组件每次渲染都是重新

进入调度 scheduleCallback 首先上一下 流程图， 我们还是将同步任务和异步任务分开讲解 一、同步更新的流程（isSync 分支） 同步更新是指‌立即执行‌的更新任务（如用户交互事件、强

这一节，作者分别介绍了legacy模式和Concurrent模式下的更新流程，首先科普一下 这两种模式。 Legacy 模式和 Concurrent 模式 Legacy 模式是 React 在 18