这是我参加【第五届青训营】笔记创作活动的第11天

前端监控常见异常

1.静态资源错误

静态资源:加载页面所需的html、css和js 等文件，以及其他各类多媒体文件，如图片、音频和视频等。 静态资源错误:在拉取和加载静态资源的过程中发生了预期之外的错误，如网络异常等，导致静态资源无法正常渲染到页面上。

2.请求异常

Http请求状态码分类

1. 100 - 199---------->信息响应
2. 200 - 299 --------->成功响应
3. 300 - 399---------->重定向消息
4. 400 - 499 --------->客户端错误响应
5. 500 - 599 --------->服务端错误响应请求异常=请求响应状态码

6. = 400 对于通过异步请求拉取的静态资源错误也可选择归纳到请求异常

3.Js 错误

在页面运行时发生的Js错误会严重影响页面的正常渲染与交互，是前端监控的重点。

4.白屏异常

前面几类异常都可以通过浏览器提供的标准化方法来监听到，而白屏异常没有标准化的监听方法，所以更考验前端监控开发者的功底。 通常我们可以通过判断DOM树的结构来粗略的判断白屏是否发生。

监听到白屏发生后，我们还需要对白屏的发生进行归因。 通常导致白屏发生的原因可能有如下几点:

1. 发生Js错误导致关键资源渲染失败。
2. 请求异常或静态资源加载失败。
3. 长时间的Js线程繁忙阻塞渲染任务。