【资源介绍】:


本课程系统讲解前端监控SDK的开发与设计,涵盖性能指标统计、错误捕获、用户行为追踪、数据上报等核心功能。课程从基础性能指标(FP、FCP、LCP)入手,逐步深入静态资源加载、AJAX请求时长、框架错误捕获(Vue、React)等复杂场景,并结合Rollup打包、Node.js服务模拟、SourceMap源码映射等工具实现完整的监控系统。亮点包括批量上报优化、跨域错误处理、用户行为录制(rrweb)等高级功能,帮助学员掌握前端监控的全流程设计与实现,提升项目开发与调试能力。


【资源目录】:


├──001-课程大纲和技术路线图-必看.mp4 16.22M

├──002-前端监控全景图概览-做完做好不容易.mp4 7.00M

├──003-前端性能指标定位和详细说明排查实战.mp4 75.83M

├──004-前端资源大小和加载情况统计实战演示.mp4 48.25M

├──005-创建项目-测试web-vitals库的使用.mp4 5.38M

├──006-创建项目-测试web-vitals统计规则.mp4 11.75M

├──007-添加export到出函数.mp4 2.13M

├──008-统计FP FCP LCP的时间.mp4 17.60M

├──009-前端静态资源的统计.mp4 29.55M

├──010-页面load统计时间.mp4 7.94M

├──011-统计ajax的请求时间-xhr.mp4 13.86M

├──012-错误异常信息的统计方式-重点内容.mp4 15.30M

├──013-几种错误捕获错误的方式的区别.mp4 25.16M

├──014-错误信息的收集-逻辑处理.mp4 10.54M

├──015-统计ajax的请求时长-fetch请求的处理.mp4 7.12M

├──016-Vue React框架错误信息的收集和上报.mp4 18.38M

├──017-数据上报逻辑的实现.mp4 23.57M

├──018-数据上报的逻辑优化.mp4 6.47M

├──019-数据上报逻辑优化和改造-批量上报的处理.mp4 18.73M

├──020-用户行为的统计-pv和路由的监听处理.mp4 14.73M

├──021-用户行为的统计-点击事件的逻辑处理.mp4 8.66M

├──022-改造统计指标的入口文件代码逻辑.mp4 6.67M

├──023-改造sdk的入口文件.mp4 6.89M

├──024-rollup打包配置sdk.mp4 16.84M

├──025-完善打包sdk的代码,解决遇到的问题.mp4 7.24M

├──026-详解rollup的配置文件.mp4 8.48M

├──027-创建nodejs服务模拟真实的后端接口.mp4 9.28M

├──028-处理sdk遗留的报错问题.mp4 22.88M

├──029-错误信息收集的代码测试.mp4 26.37M

├──030-页面性能指标的统计上报代码测试.mp4 20.29M

├──031-Vue技术栈项目如何进行错误收集和信息上报.mp4 16.13M

├──032-React技术栈项目如何收集错误信息.mp4 46.93M

├──033-统计用户行为的代码测试.mp4 10.37M

├──034-作为项目的难点和亮点写到简历里面.mp4 39.54M

├──035-跨域的js错误如果处理捕获异常信息.mp4 6.34M

├──036-构建产物sourceMap文件详细说明.mp4 14.01M

├──037-线上错误如何精确定位-自动部署github.mp4 35.16M

├──038-配置sourceMap还原线上的错误信息.mp4 40.58M

├──039-引入source-map-js和errorstatck库.mp4 14.04M

├──040-还原sourceMap文件里面的源代码逻辑.mp4 15.05M

├──041-改造main.ts错误收集报错信息.mp4 17.18M

├──042-改造homeview页面,显示具体的错信息.mp4 12.38M

├──043-typescript一直飘红如何解决.mp4 9.37M

├──044-改造错误定位页面的逻辑.mp4 12.03M

├──045-实现sourceMap源码映射的逻辑.mp4 26.91M

├──046-实现sourceMap映射源代码的错误信息逻辑.mp4 9.92M

├──047-46:实现打包后的js和sourceMap文件关联和映射.mp4 19.87M

├──048-具体错误的定位还原代码美化逻辑.mp4 20.29M

├──049-sourceMap错误还原定位项目难点总结.mp4 18.56M

├──050-rrweb在前端监控当中的作用.mp4 6.68M

├──051-实现rrweb录制用户行为的功能.mp4 22.78M

├──052-rrweb对事件Events的处理.mp4 19.90M

└──053-rrweb实现监控数据的播放功能.mp4 17.83M

声明:猿学谷是一个资源分享和技术交流平台,本站所发布的一切视频,文章,软件,书籍资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络以及用户发布,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如若本站内容侵犯了原著者的合法权益,可联系我们QQ客服 3863518080 进行处理。