chalecao/femonitor

打造企业级前端监控系统课程和代码，同时介绍数据分析思维，讲解如何从数据角度发现、分析、定位问题。

说明

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

在线课程：四天打造企业私有化前端监控系统

官方博客：万维刀客

适用人群

基础前端知识，了解HTML，JavaScript基础知识等。

课程概述

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

其他

FMP采集

<div elementtiming="hero" class="..." >

通过elementtiming属性定义页面的核心元素（Hero Element），会计算该元素出现的时间作为FMP ps：chrome 77及以上支持

兼容性

查询：https://chromestatus.com/features/6230814637424640

FAQ

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