大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早发现程序运行错误并及时修复；

​ 1、需求背景 最近在研究前端项目的监控，找到了web-see这个工具，jake/web-see，还有使用demo，https://github.com/xy-sea/web-see-demo 。这

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

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

我们为什么要做前端系统呢，可以明显地从下表看出来，前端的性能对于产品的价值提升还是蛮有帮助的，但是这些信息如果我们能实时的采集到，并且实施以监控和报警，让整个产品在产品线上一直保持高效的运作，这是我们的目标，做前端监控只是为了达到这个目标的手段。 其次，前端监控能让我们即使发现…

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

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

“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情” 本章主要介绍项目的架构，我们做了什么，以及大家可以从中了解什么！

基于Vue3+Vite+pnpm实现前端埋点上报插件，包括自定义指令点击事件，用户在每个页面停留时长(TP)，以及访问人数(UV),访问量(PV) 等功能，最后发布一个名为v-tracking的包