团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

前言 想一想，现在老板让你做一个性能优化，你怎么知道需要优化哪些地方、哪些指标，以及做完优化之后怎么判断是否有效呢？这个时候你就需要一个性能监控。 再想想，生产有某个地方用户反馈点击没反应，这个时候应

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

页面卡顿是用户在使用过程中经常遇到的一种情况，本文将深入探讨前端监控页面卡顿的有效方法与策略，包括帧率检测、心跳检测、长任务监听、性能监听等，力图为前端开发者提供一套全面且实用的解决方案。

前端页面的稳定性在用户体验中扮演着较为重要的角色，本文主要介绍了“本地状态存储对比、Service Worker 心跳检测、Reporting API 上报”等 3 种前端页面崩溃监控上报技术方案。

创建一个 Sentry 项目 Step 1: 创建项目 Step 2: 创建警报规则 将 Sentry SDK 引入您的前端代码 前置条件 Step 1: 获取代码 Step 2: 安装 SDK St

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

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

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