❬前端❭ 优化实战（性能、安全、架构、算法、面试）

由于 TCP 协议是面向有连接的，只有在确认通信接收端存在的情况下才会发送数据，并且在连接断开时也会确认另一方是否还需要发送数据，这也是 TCP 协议的 三次握手 和 四次挥手 建立TCP连接 通过三

基于原生的 CSS3 属性 position: sticky 实现的固定表头、固定列的表格，当数据达到一定量级的时候，在性能上会有很大的提升

树结构（Tree）是一种典型的非线性数据结构，它是由 n (n > 0) 个有限节点组成的一个具有层次关系的集合。在实际的工作中，为了满足业务需求，需要把后端返回的扁平化的数组结构，转换成树形结构

事件流机制 向水里扔一个西瓜， 首先它会有一个下降的过程，这个过程可以理解为从最顶层元素向事件发生的具体元素（目标点）的捕获过程 之后会产生泡泡，会在最低点（具体元素）之后漂浮到水面上，这个过程相当于

用户使用浏览器一般会打开多个页面，现代浏览器使用单独的进程Render Process渲染每个页面，以提升页面性能和稳定性

有些固定参数的业务请求相对来说比较耗时，好几十秒都没有响应结果。导致页面呈现延迟，这样的用户体验极差

由于业务需要，需要前端来计算选取文件的哈希值，然后传递给后端做业务逻辑的处理。受文件大小以及文件数量的影响，主线程会被阻塞，导致页面卡顿，甚至浏览器卡死

浏览器同域名下对并发请求的数量是有限制的，通常是 4 ~ 8 以内。超出的会被置入队列等待发送，即 待处理 pending 状态。如果并发请求量达到一定量级的时候，堆积了无数的调用栈就有可能

DNS 请求消耗的带宽非常小，但延迟有点高，尤其是在手机网络上尤为明显，通过 DNS 预解析可以明显的减少一些延迟

性能优化作为一个老生常谈的话题，可以在网上查到各种零碎的优化点，但对于新手来说，要对项目做完整的性能优化，却不知从何下手，其根本是缺乏对性能知识体系的认识