说到监控，大家第一时间想到的肯定是 Zabbix、Nagios 等各种强大的后端监控服务。诚然，这些强大的平台通过采集服务器以及链路上各种中间件的数据，为我们的应用稳定起到了不可或缺的保驾护航作用。 然而在互联网的另一端，运行在用户终端上的代码却缺少这样强大的监控能力。 对于资…

前端监控一直开发生产中很重要的一环，因为组内原本的项目监控机制不能通用以及新项目暂时还没有完善的前端监控，所以想着自己研究搭建一下可行的前端监控方案。所以就有了这篇文章，小公司节约成本，收费的监控方案就不考虑了，采用的就是免费方案中最主流的 sentry～😄 回归本质，学 D…

韩国某著名男子天团之前在我们平台上架了一张重磅数字专辑，本来是一件喜大普奔的好事，结果上架后投诉蜂拥而至。部分用户反馈页面打开就崩溃，紧急排查后发现真凶就是下面这段代码。 这行 if (obj.expertTags && creator.expertTags.length ) …

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…

前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。 性能数据采集需要使用 window.performance API。 从 MDN 的文档可以看出，window.performance.timing 包含了…