用户输入 URL 地址。 对 URL 地址进行 DNS 域名解析。 建立 TCP 连接（三次握手）。 浏览器发起 HTTP 请求报文。 服务器返回 HTTP 响应报文。 关闭 TCP 连接（四次挥手）。 浏览器解析文档资源并渲染页面。
重绘改变css样式
重绘(repaint)：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要 UI 层面的重新像素绘制，因此损耗较少
回流(reflow)：又叫重排（layout）。当元素的尺寸、结构或者触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新经过计算，计算后还需要重新页面布局，因此是较重的操作
回流必定会触发重绘，重绘不一定会触发回流。重绘的开销较小，回流的代价较高
防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行 我们可以了解到，在触发点击事件后，如果用户再次点击了，我们会清空之前的定时器，重新生成一个定时器。意思就是：这件事儿需要等待，如果你反复催促，我就重新计时！
节流：指定时间间隔内只会执行一次任务
