前端开发快速定位bug的一些小技巧

时间:2023-03-09 16:00:12
前端开发快速定位bug的一些小技巧

1,根据报错信息定位:

(1) Uncaught TypeError: Cannot read property 'attr' of undefined;

此类型为变量或者对象属性未定义类型。

(2) Uncaught TypeError: a.map is not a function;
a.map不是函数,说明a不是数组,只有数组才有map方法。 (3) Uncaught SyntaxError: Invalid or unexpected token;
这种一般是js的代码格式错误。

2, 排除法

页面中一共有abcd五个方法,注释掉d后代码正常说明d有问题。

3,剥离法

同样一个方法,在A页面没问题,在B页面有问题,这时候,新建一个剥离这个组件,然后运行,如果没有异常,就算不是这个组件或者方法的问题,然后逐渐在新页面中加入可能影响B页面的条件。