oulae

1. scroll 机制是一个很优秀的用户体验机制，只不过这个机制并不能兼容 dialog 的场景 2. 滚动透传本质上是 scroll 触发机制导致的，并不能算是一个技术上 bug

埋点协议 按照之前我们的设想，我们现在只需要一份埋点协议就可以完成这个性能监控 sdk 了；现在我们就来完成这个事情 埋点协议的设计 首先埋点协议这件事情是一件很严肃且复杂度较高的事情，这关系到我们

性能数据埋点的上报 性能数据埋点的上报我们其实需要考虑 3 个问题： 非阻塞上报 使用什么方式进行埋点上报 上报的时机 非阻塞上报 一般的，我们的性能埋点工具都是抽象成为一个 sdk 的方式，这样能方

错误监控 JS 中的错误监控分为下面 3 类 资源加载错误 js 错误 promise 错误 资源加载错误 页面中资源加载错误，我们可以通过 监听 error 错误来实现捕获 监听核心代码: demo

接口监控 在 js 页面中，接口请求的方式其实总共只分为两种: XMLHttpRequest Fetch 因此，接口的监控其实就是需要为了兼容这两种监控的情况 接口监控的关注点及实现的基本思路 如果要

阅读须知 如果指标中定义标注了超链接，则建议直接阅读超链接资料进行指标的理解 所有指标请联系上面这幅图片去理解 常用指标 FP 定义: 从页面加载开始到第一个像素绘制到屏幕上的时间 计算方法: FCP

写在前面 性能优化&前端监控 这个系列的文章是自己在学习性能优化时的系列总结，这个过程的主要思路为： 基于 Arms 前端监控分析出基本的前端监控架构 分析一个性能监控 sdk 主要需要监控哪些指标，

背景 项目中有组件使用到了拖拽的逻辑，所以学习了一下和拖拽有关的两个库 注意点：本文章的性质是学习笔记，如果读者想要学习相关仓库，推荐： 如果要学习关于拖拽的库，个人感觉最好的方案应该是先把官方给的所

图片的预加载 方案：Image 对象(最佳实践) 图片预加载的核心内容其实就是使用 Image 对象，只要使用 Image 对象加载了图片信息的话，再次使用该图片浏览器可以直接使用缓存中的内容 dem