今天，我想给我的小 SAAS 项目加上一些前端监控，这样我就可以更好的了解我的用户在使用我的产品时遇到了什么问题，从而更好的改进我的产品。我首先想到的就是 Sentry，因为这货在掘金上还是小有名气的

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

最近在做性能监控相关的工作，将准备工作中涉及的资料进行一次整理。 合成监控（Synthetic Monitoring，SYN），就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。 真实用户监控（Rea…

上一篇「前端监控:监控SDK手摸手Teach-架构篇(已开源)」讲的是SDK的整体架构，这篇讲的是监控代码的具体实现

前端监控对于很多前端小伙伴来说就是一块还未开发的地图板块，下面我们一起来看看如何打造这块版图，开辟更宽广视野。 若本文对你有所助益，手留一赞，若有不同看法，评论区我等你(^ω^)。 ... 效率质量是所有技术团队的立命之本，关于效率是最能具象可见的部分，但质量测往往把控不足，特…

用数据库来存储，建一张包含时间、员工id，每次有人签到就直接在对应表中insert，缺点：如果人数很多并且同时签到，会造成数据库连接池爆炸，不能实时更新。优点：存有明细数据，可以查询某一天的某个时刻签到的 用每天的日期当做bitmap的key，value是userId，一个us…

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…