## 说明
四天打造企业私有化前端监控系统课程代码，内容齐全作为参考。

在线课程：[四天打造企业私有化前端监控系统](https://study.163.com/course/courseMain.htm?courseId=1209759805&share=2&shareId=400000000351011)

官方博客：[万维刀客](https://www.w3cdoc.com/)

## 适用人群
基础前端知识，了解HTML，JavaScript基础知识等。

## 课程概述
市面上大部分是结合开源监控做的监控系统，性能和自由度受限。本课程讲解前端监控设计架构，各个监控项采集数据的原理，手把手和你一起编写监控采集脚本，具有自主性和灵活的业务扩展能力。
    介绍数据分析思维，讲解如何从数据角度发现、分析、定位问题。结合阿里云SLS日志服务分析监控数据，构建可视化数据分析大盘，分析业务数据。
    从业务角度出发，基于稳定性和性能体验，构建业务大盘，根据数据情况构建稳定性和体验相关数据监控告警，基于邮件、钉钉、电话等准实时告警到业务，及时发现问题。

## 其他
### FMP采集
```
<div elementtiming="hero" class="..." >
```
通过elementtiming属性定义页面的核心元素（Hero Element），会计算该元素出现的时间作为FMP
ps：chrome 77及以上支持

### 兼容性
查询：https://chromestatus.com/features/6230814637424640

## FAQ
1. 接口请求实现？
拦截XMLHTTPRequest，解析响应结果。