代码调试
代码调试小技巧
这周一个项目,线上bug率从0.5%降至0.1%,关键在于代码审查。
别忽略单元测试,这就是坑。
每天至少读10行代码,别信闭门造车。
重构代码前,先记录功能,别这么干。
别忽略单元测试,这就是坑。
每天至少读10行代码,别信闭门造车。
重构代码前,先记录功能,别这么干。
代码调试是什么意思
代码调试嘛,这事儿得说两句。记得有一次,2015年那会儿,我在一个论坛上看到有人问怎么调试JavaScript错误。说实话,我当时也没想明白,因为那时候我刚入门前端不到一年。不过后来想想,调试其实就像找线索破案一样。
首先,你得知道问题出现在哪。比如说,你写了个按钮点击事件,结果点击后页面没反应。那你就得检查JavaScript代码,看看是不是哪里写错了。当时我就是这样,找了好半天,才发现是因为我少写了一个括号。
然后,定位到问题后,你得用console.log()来输出信息。这就像在代码里放了个小灯泡,哪里亮了就说明那里有问题。我记得有一次,我在一个网页上放了一个广告,结果广告里的图片一直不显示。我就用console.log()输出了图片的URL,结果发现URL写错了。
调试的时候,细节很重要。比如说,你可能会遇到一个错误,提示你某个变量未定义。那你就得检查是不是在用到这个变量之前,没有给它赋值。我当时就遇到过这样的事,一个变量没定义,我就在后面用了一大堆逻辑,结果当然是不工作。
还有,调试工具也很关键。Chrome浏览器的开发者工具就很好用,特别是那个网络面板,能帮你看到页面加载了哪些资源,哪些加载慢了。我之前就遇到过,一个页面加载特别慢,结果一看,是因为一个图片文件太大。
总之,调试就是一步步排查,就像侦探找线索一样。你得耐心,得细心,还得有点想象力。我当时就是这么一步步过来的,现在回想起来,还是挺有意思的。
首先,你得知道问题出现在哪。比如说,你写了个按钮点击事件,结果点击后页面没反应。那你就得检查JavaScript代码,看看是不是哪里写错了。当时我就是这样,找了好半天,才发现是因为我少写了一个括号。
然后,定位到问题后,你得用console.log()来输出信息。这就像在代码里放了个小灯泡,哪里亮了就说明那里有问题。我记得有一次,我在一个网页上放了一个广告,结果广告里的图片一直不显示。我就用console.log()输出了图片的URL,结果发现URL写错了。
调试的时候,细节很重要。比如说,你可能会遇到一个错误,提示你某个变量未定义。那你就得检查是不是在用到这个变量之前,没有给它赋值。我当时就遇到过这样的事,一个变量没定义,我就在后面用了一大堆逻辑,结果当然是不工作。
还有,调试工具也很关键。Chrome浏览器的开发者工具就很好用,特别是那个网络面板,能帮你看到页面加载了哪些资源,哪些加载慢了。我之前就遇到过,一个页面加载特别慢,结果一看,是因为一个图片文件太大。
总之,调试就是一步步排查,就像侦探找线索一样。你得耐心,得细心,还得有点想象力。我当时就是这么一步步过来的,现在回想起来,还是挺有意思的。