这是我参与「第五届青训营 」伴学笔记创作活动的第 13 天
前端监控之前端异常
重点学习目标是：了解静态资源错误，请求异常，JS错误，白屏异常，
静态资源错误
静态资源：
加载页面所需的html,css,js等文件，或者多媒体文件（视频，音频，图片等）
资源加载错误:
通常是找不到文件或者是文件加载超时造成的，在拉取和加载静态资源的过程中发生了预期之外的错误，如网络异常等，导致静态资源无法正常渲染到界面上（如视频加载失败，图片加载不出来等）
请求异常
Http请求状态码分类：
- 100-199——信息响应
- 200-299——成功响应
- 300-399——重定向信息
- 400-499——客户端错误响应
- 500-599——服务端错误响应
- 请求异常=请求响应状态码>=400
- 对于通过异步请求拉取的静态资源错误也可以选择归纳到请求异常
状态码0是什么
如果你的XMLHttpRequest收到status=0和statusText=null的返回，意味着请求无法执行。 请求成功率=请求成功数/（请求成功数+请求失败数）
JS错误
当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误：可能是语法错误，通常是程序员造成的编码错误或错别字；可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）； 可能是由于来自服务器或用户的错误输出而导致的错误；当然，也可能是由于许多其他不可预知的因素。
在页面运行时发生的JS错误会严重影响页面的正常渲染与交互，是前端交互的重点
白屏异常
前面几类异常都可以通过浏览器提供的标准化方法来监听到，而白屏异常没有标准化的监听方法。 通常我们可以通过判断DOM数的结构来粗略的判断白屏是否发生
通常导致白屏发生的原因可能有如下几点
- 发生Js错误导致关键资源渲染失败。
- 请求异常或静态资源加载失败。
- 长时间的Js线程繁忙阻塞渲染任务。
前端监控性能与异常
重点学习目标是：性能指标监控，JS错误监控静态资源错误监控请求异常监控
封装一个通用的SDK
学习目标：前端监控流程概述，数据上报，按需加载监控能力
总结上述重点介绍了前端监控中的前端异常，对如何发现异常，了解异常很重要，所以我们要学会通过一些信息来判断出现了什么异常，如何找解决的方法
