haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[软技能] 第178天 当线上代码出现问题了,你该怎么排查呢?

haizhilin2013 opened this issue · comments

第178天 当线上代码出现问题了,你该怎么排查呢?

1、日志
2、重现bug
3、修复

由粗到细,确定出错的页面、模块、组件

  1. 首先根据用户反馈或者监控信息确定故障上下文 & 复现路径;
  2. 在线上页面中复现故障;
  3. 定位出错位置,善用 chrome 提供的能力
    1. 异常自动断点,快速定位异常代码位置image
    2. 格式化 js 资源,便于阅读
      image
    3. 用 react dev tool 等插件,获取组件数据用于辅助定位问题
  4. 拿到故障上下文后确定问题原因,决定修复策略。

debugger+细心+耐心+信心