如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众多业务线。 据21年下旬统计

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

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

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

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

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

我的同事经常写一些有关单元测试如何让脑子平静下来且减少软件错误的文章。所以我也总会花时间来做测试。但是在你的项目中应该选那个框架来做测试呢？在匆忙做出决定之前，我搜集了 5 个最受欢迎的 JavaScript 单元测试框架，让你决定那一个才是最合适你的。 注意:如果你已经有更喜…