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

Created on 10 Oct 2019  ·  3Comments  ·  Source: haizlin/fe-interview

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

软技能

Most helpful comment

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

  1. 首先根据用户反馈或者监控信息确定故障上下文 & 复现路径;
  2. 在线上页面中复现故障;
  3. 定位出错位置,善用 chrome 提供的能力

    1. 异常自动断点,快速定位异常代码位置image

    2. 格式化 js 资源,便于阅读

      image

    3. 用 react dev tool 等插件,获取组件数据用于辅助定位问题

  4. 拿到故障上下文后确定问题原因,决定修复策略。

All 3 comments

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

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

  1. 首先根据用户反馈或者监控信息确定故障上下文 & 复现路径;
  2. 在线上页面中复现故障;
  3. 定位出错位置,善用 chrome 提供的能力

    1. 异常自动断点,快速定位异常代码位置image

    2. 格式化 js 资源,便于阅读

      image

    3. 用 react dev tool 等插件,获取组件数据用于辅助定位问题

  4. 拿到故障上下文后确定问题原因,决定修复策略。

debugger+细心+耐心+信心

Was this page helpful?
0 / 5 - 0 ratings