首页
题库
面试
求职
学习
竞赛
More+
所有博客
搜索面经/职位/试题/公司
搜索
我要招人
去企业版
登录 / 注册
首页
>
试题广场
>
前端异常监控与埋点体系:采集、上报、回放与灰度。
[问答题]
前端异常监控与埋点体系:采集、上报、回放与灰度。
查看答案及解析
添加笔记
求解答(0)
邀请回答
收藏(5)
分享
纠错
2个回答
添加回答
0
DRZv
核心体系:采集-上报-回放-灰度(全流程闭环) 1. 采集:全面覆盖+精准过滤 - 异常:JS错误、网络/资源加载错误、框架错误、Promise未捕获错误 - 埋点:行为(点击)、性能(首屏)、业务(转化)三类核心埋点 - 关键:过滤开发环境、爬虫等无效数据 2. 上报:可靠传输+降本增效 - 方式:优先Beacon API(不阻塞),兜底img标签/AJAX - 优化:批量+延迟上报、失败重试(本地缓存) - 必带字段:用户ID、设备/URL、时间戳、异常堆栈/埋点标识 3. 回放:还原场景+快速排障 - 逻辑:采集DOM操作、行为序列、接口请求,生成指令式/录屏式回放 - 核心:脱敏敏感数据,直接还原异常前操作路径 4. 灰度:风险可控+平稳迭代 - 场景:新埋点/监控规则先对10%用户上线 - 策略:按用户ID哈希、地域拆分人群,验证无误后全量
发表于 2025-11-03 07:02:03
回复(0)
0
秋水夏树
异常监控: - window.onError / window.addEventListener('unhandelRejection', callback) 捕获 JS 执行错误 - window.addEventListener('error', callback) 捕获资源(script img)加载错误 - 封装请求响应拦截器监听 4xx/5xx 状态 - Vue 的 errorHandler 捕获组件渲染错误
发表于 2025-09-16 01:34:12
回复(0)
这道题你会答吗?花几分钟告诉大家答案吧!
提交观点
问题信息
来自:
前端开发-牛客面经八股
难度:
2条回答
5收藏
198浏览
热门推荐
相关试题
讲一下资源加载优化:按需、分包、预...
评论
(1)
来自
前端开发-牛客面经八股
讲一下前端路由(React Rou...
评论
(1)
来自
前端开发-牛客面经八股
讲一下UI 动画,包括:CSS/J...
评论
(1)
来自
前端开发-牛客面经八股
设计一个“搜索建议”组件:触发策略...
评论
(1)
来自
前端开发-牛客面经八股
讲一下代码分割与 Tree Sha...
评论
(1)
来自
前端开发-牛客面经八股
扫描二维码,关注牛客网
意见反馈
下载牛客APP,随时随地刷题