防抖节流001 重绘重构 回车浏览器处理

用户输入 URL 地址。 对 URL 地址进行 DNS 域名解析。 创建 TCP 链接（三次握手）。 浏览器发起 HTTP 请求报文。 服务器返回 HTTP 响应报文。 关闭 TCP 链接（四次挥手）。 浏览器解析文档资源并渲染页面。

重绘改变css样式

重绘(repaint)：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时因为只须要 UI 层面的从新像素绘制，所以损耗较少

回流(reflow)：又叫重排（layout）。当元素的尺寸、结构或者触发某些属性时，浏览器会从新渲染页面，称为回流。此时，浏览器须要从新通过计算，计算后还须要从新页面布局，所以是较重的操做

回流一定会触发重绘，重绘不必定会触发回流。重绘的开销较小，回流的代价较高

防抖：任务频繁触发的状况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行 咱们能够了解到，在触发点击事件后，若是用户再次点击了，咱们会清空以前的定时器，从新生成一个定时器。意思就是：这件事儿须要等待，若是你反复催促，我就从新计时！

节流：指定时间间隔内只会执行一次任务