前端监控体系搭建

目标

及时发现问题、快速定位并解决问题。这些问题可以从两个角度来解决：数据收集、数据上报。前端监控的范围很广，如监控性能，监控异常，监控告警等一系列的维度来确保我们的页面和功能是正常的，在出现问题时研发可以及时做出响应，及时追踪，定位问题。

数据收集

• 页面访问速度
• 页面稳定性/异常
• 外部服务调用情况

异常收集

• 逻辑错误：开发实现功能的时候，逻辑梳理不符合预期
  • 业务逻辑判断条件错误
  • 事件绑定顺序错误
  • 调用栈时序错误
  • 错误的操作 js 对象
• 代码健壮性：代码边界情况考虑不周，异常逻辑执行出错
  • 将 null 视作对象读取 property
  • 将 undefined 视作数组进行遍历
  • 将字符串形式的数字直接用于加运算
  • 函数参数未传
• 网络错误：用户网络情况异常、后台服务异常等错误
  • 服务端未返回数据但仍 200，前端按正常进行数据遍历
  • 提交数据时网络中断
  • 服务端 500 错误时前端未做任何错误处理
• 系统错误：代码