**曝光**\ 页面上某一个元素、组件或模块被用户浏览了，则称这个元素、组件或模块被曝光了。\ **视图元素**\ 将页面上展示的元素、组件或模块统称为视图元素。\ **可见比例**\ 视图元素在可视

# 一、Sentry简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 ![image.png](https://p9-juejin.byteimg.com/to

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……

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

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

重复率检测、纯前端、Rabin–Karp算法、踩坑、技术探索、经验记录、前端工程化、源代码阅读、调试

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour

本文的主要目的是介绍一种可扩展性较好的SDK架构，让后续业务迭代的代码更清晰明朗。这种架构已经在开源监控SDK:mitojs实践，有兴趣的小伙伴可以去瞅瞅~

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。