第二十章(前端监控 面试真题)

面试真题

题目 1：前端监控目标

前端监控的目的是什么？

答案：

• 及时发现和定位问题
• 了解用户行为
• 优化性能
• 提升用户体验
• 业务决策支持

题目 2：监控类型

前端监控有哪些类型？

答案：

• 性能监控：加载时间、接口响应
• 错误监控：JS 错误、资源加载失败
• 行为监控：点击、路由变化
• 业务监控：关键操作、转化率

题目 3：性能指标

常用性能指标有哪些？

答案：

• FP：首次绘制
• FCP：首次内容绘制
• LCP：最大内容绘制
• FID：首次输入延迟
• CLS：累积布局偏移
• TTFB：首字节时间

题目 4：错误收集

如何收集前端错误？

答案：

• window.onerror
• window.onunhandledrejection
• 资源加载失败 error 事件
• Vue/React 错误边界
• 封装统一上报

题目 5：上报策略

前端监控上报策略有哪些？

答案：

• 实时上报
• 批量上报
• 离线缓存
• 抽样上报
• 页面 unload 上报

题目 6：Sentry

Sentry 的工作原理

答案：

• 收集错误信息
• 聚合相同错误
• 关联源码
• 通知告警
• 支持多项目

题目 7：Performance API

Performance API 常用方法

答案：

• performance.now()
• performance.mark()
• performance.measure()
• performance.getEntries()
• performance.navigation

题目 8：Navigation Timing

Navigation Timing 模型

答案：

• redirect、unload
• DNS、TCP、SSL
• TTFB、Content Download
• DOM 解析、Res
• onload 事件

题目 9：用户行为追踪

如何追踪用户行为？

答案：

• PV/UV 统计
• 页面停留时间
• 点击热力图
• 路由变化追踪
• 自定义事件

题目 10：采样策略

监控数据采样策略

答案：

• 错误全量上报
• 性能抽样上报
• 行为抽样上报
• 根据用户类型调整

题目 题目 11：Core Web Vitals

Core Web Vitals 包括哪些指标？

答案：

• LCP：加载性能
• FID：交互性
• CLS：视觉稳定性
• 2020 年推出
• Google SEO 排名因素

题目 12：白屏时间

如何计算白屏时间？

答案：

• performance.timing.domLoading
• 首次渲染时间
• 渲染开始时间
• 与 FCP 关联

题目 13：接口监控

如何监控接口性能？

答案：

• 监听 fetch/xhr
• 记录请求时间
• 记录响应状态
• 分析成功率、耗时
• 告警阈值

题目 14：前端监控平台

常用前端监控平台

答案：

• Sentry：错误监控
• Datadog：综合监控
• New Relic：APM
• 阿里云 ARMS
• 百度统计

题目 15：隐私合规

前端监控需要注意什么隐私问题？

答案：

• 用户授权
• 数据脱敏
• 符合 GDPR
• 不收集敏感信息
• Cookie 合规

题目 16：异常告警

如何配置异常告警？

答案：

• 错误数量阈值
• 错误率阈值
• 性能指标阈值
• 多渠道通知
• 告警收敛