浏览器的常见 API

👋浏览器输入URL地址后发生的事情

1. 向DNS服务器解析IP（尽可能地部署距离客户近的CDN服务器）
2. 进行 TCP 三次握手连接（服务器收到请求、回复后要再次确认客户端能够收到自己的回复）
3. 利用HTTP／HTTPS协议向服务器发送请求
4. 服务器处理请求，返回结果
5. 关闭TCP连接
6. GUI线程解析HTML，Js引擎执行代码

👋在 navigator.connection 中查看用户网络状态

👋实现图片懒加载的几种方式

原生判断视口位置
1.getBoundingClientRect API 判断视口位置
2.IntersectionObserver API 判断是否重叠

👋监听 visibility change 事件来暂停标签页逻辑

👋使用 dragable ondragenter/over/end drop 事件来实现拖拽逻辑

👋使用 Clickboard API 灵活使用剪贴板

👋中断网络请求

使用 AbortController 中断 fetch 请求
使用 XMLHttpRequest.abort 中断请求