得物的服务端监控是比较全面和有效的，除了上报原始日志数据，还通过数据分析制定线上告警机制，调用链路分析，而针对前端项目这一块，还是不够全面。本文主要是介绍得物针对监控做了哪些事情以及监控手段做个总结。

Web前端监控的方案 前端监控是一个非常重要的话题，对于业务的发展意义重大，就像遍布在城市各处的探头，实时监测整座城市的运行状况，保证系统的稳定、高效运行。

前言 前段时间在研究前端异常监控平台，在思考性能监控时，想到了浏览器自带的观察者以及页面生命周期API 。于是在翻查资料时发现了，Performance ObserverAPI。正好趁着这个机会给大家

原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 sentry 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我

介绍前端所有错误类型以及错误的捕获方式，并且提供业界最新的数据上报的方案，帮助大家学习和做自己的监控工具

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

被裁 三月上海疫情爆发，宝哥所处公司的业绩也是不断下滑，所以决定裁掉一部分人员。宝哥就这么的光荣“毕业”了，由于疫情原因，无法进行面试，所以利用在家的这段时间，来好好的准备下面试吧，并将相关的内容输出

navigator.sendBeacon()方法主要用于满足统计和诊断代码的需要，这些代码通常尝试在卸载（unload）文档之前向web服务器发送数据。

身为前端工程师，你是否知道你的页面日均 PV 有多少？你是否知道用户高峰期在什么时段？当需求发生争议时，你是否缺少数据支撑而无法建立话语权？当出现问题时，你是否总是被拉进群里而又没有任何日志来排查？