黑匣子思维之向bug学习-程序员宅基地

技术标签: 前端开发  程序员  bug  

一、黑匣子思维

当我们的信仰受到挑战的时候,人的本能更倾向于纂改证据,以维护我们原本的信仰。我们会创造新的借口 ,以维护我们所认可的事实。”这个是“闭路循环”导致的“认知失调”,在很多事情上,进步取决于我们从失败中学习的意愿,如果忽视失败,掩饰错误,我们就毁掉了宝贵的学习机会。所以,我们需要有一种记录和审视失败并从中吸取经验的积极态度,让失败变得有意义,这种从错误中学习的思维称之为黑匣子思维。

作为一个工程师(程序员),我们所面对的错误最常见的就是代码bug,那么,我们如何利用黑匣子思维向bugs学习呢?最近在思考这个,写下了记录一下。


二、向bug学习四部曲

1、收集——整理、收集有价值的bug(让你费神、容易出错的bug)

2、分享——向团队分享bug(错误原因、修复方案)

3、归纳——归纳大部分问题出现的原因和解决问题的思路

4、自省——正视并接受自己犯的错误或者代码写的不好的地方,加以改正


三、分享一些之前收集的常见的容易出错的bug(你可能需要像上学时有个错题本一样建立一个收集bugs的文件)

1、小心null和undefined
let someValue = obj.attr + "";   => (obj.name ||"") + ""

2、小心0的情况
let someId = someId || 1; =>let someId = (!someId && someId !==0) ? 1 : someId;

3、小心浮点数
let result  = 0.1+ 0.2  =>let result = +(0.1+0.2).toFixed(2)

4、小心对象为空
let someAttr = obj.attr.name    =>let someAttr = obj && obj.attr && obj.attr.name

5、forEach里面用了return当成了函数的return =>函数外return
function fun(){
    arr.forEach((item)=>{
if(1){
    return;
}
    })
}

6、在数组for循环里面改变数组长度
arr.forEach((item,index)=>{
    arr.splice(index,1)
})

7、在条件判断里面定义函数
if(flag){
function fun(){
}
}

8、日期相关
1、兼容:let date = new Date("2017-07-07")  => date = date.replace(/\-/g,"/")
2、月份减1:let date = new Date(2017,6,7)

9、监听input输入框blur事件,如果输入错误,在input后面插入一个显示错误信息的dom节点;
   监听input输入框focus事件,把错误信息隐藏
====> 当光标在第一个输入框并且输入内容是错误时,把鼠标聚焦到第二个输入框;这时候依次触发第一个输入框的blur事件、插入节点显示错误、触发第二个输入框的focus事件...
正常来讲是这样的,但是有个bug会偶现,就是第二个输入框的foucs事件会偶尔触发不了;猜测原因是插入节点的时候打断了focus事件的触发(浏览器渲染机制),尝试setTimeout后执行插入节点,解决了问题。

10、switch case时忘记break
switch(flag){
case 1:
    name="aa";
case 2:
    name = "bb";
break;
}

11、boom发布的时候 一直报node-sass加载失败 =》  当初intall这些node_modules的node或者npm的版本要和当前的一致,服务器的node版本发生变化, 就需要删掉之前的模块重新install
解决办法是加一个RUN npm uninstall的命令

12、react按需加载,按照网上教程一步步写完却不生效,折腾一阵反应过来是react-router版本不一样,我本地的是最新版本,教程是早期版本。
解决办法:用最新版本按需加载的方式来做,生效了。

13、a标签的herf属性写了#    <a href="#">action</>    => <a href="javascript:;">action</>   注意javascript千万不要拼写错误了

14、iphone浏览器下数字的样式异常 =》因为iphone默认把数字当成了电话,并设置了特殊的样式,需要设置一下meta头部
<meta name="format-detection" content="telephone=no" />


四、问题记录多了,你需要归纳引发问题常见的原因,这样有助于我们快速找到问题的症结点

1、模块、依赖包、app、浏览器的版本号不一致
2、特殊的操作方式,比如先填这个再单击那个等等
3、浏览器、手机系统不同
4、ajax请求失败:接口是否正常、路径及host是否正确、端口是匹配、入参是否正确、请求头(contentType、cookie等)是否匹配
5、浏览器是否放大缩小了
6、是否是代码压缩的问题
7、网络问题(wifi、4G、局域网)
8、本地host问题
9、极限值、特殊字符、生僻字
10、文件编码(utf-8 、不带BOM的UTF-8、ANSI)
11、特定帐号或者特定产品的问题


五、当发现问题后,如何解决问题呢?结合几位有多年解决问题经验的同学反馈,有如下解决思路,可以参考下。

1、查看问题的现象——报什么错??
2问题出现的条件——什么浏览器、什么系统、什么产品、什么网络??
3问题出现的操作轨迹——如何操作、操作顺序、操作内容??
4根据条件和轨迹找出重现问题的步骤——必现路径??
5不断重复出错的步骤思考可能的原因
6用排除法排除明显的干扰项
7不断试错逐渐缩小问题原因的范围
8找到问题原因后寻找解决的办法
8.1——好解决,一键修复
8.2——不好解决,但问题比较严重,影响进度或者用户体验,采用折中或者临时解决方案(不要引发其他问题),先让用户先能用,然后后续的时间用完善的方案继续解决;

8.3——难以解决,时间不紧急的话,可以休息放松下第二天再解决。
8.4——基本无法解决,在出错的条件下隐藏相关功能,或者使用替代方案

9问题修复后自测是否影响其他模块,确保杜绝因修复引发的问题
10写注释,标明出错原因及修复记录;
11寻找方法预防该类错误再次发生,比如在源头解决问题等
12查看其它地方相似模块是否有同样问题,有,修复之。
13记录问题,完善bug库
14分享问题,询问团队成员是否遇到同样问题,提醒修复,并告知相关解决方案。


六、我的代码到底哪里出错了?针对这个问题,这里总结了一些查错的方法。

1、看错误现象和错误提示——找关联性、关键词
2、猜测可能出问题的地方去试错——试错
3、对比当前文件和之前正常文件,查看修改了哪些点——对比
4、打印关键信息——通过日志整理思路
5、断点——一步步走下去,看哪里卡住了
6、删代码,一行行或一段段删除代码,看哪些代码删除后不报错了就找到地方了——放大招,慎用。


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/grandPang/article/details/78668895

智能推荐

Python实战|车型识别小程序_python车型识别系统-程序员宅基地

文章浏览阅读3.5w次,点赞33次,收藏62次。基于Python制作一个车型识别小程序,可用于拍照识车,根据拍摄照片,快速识别图片中车辆的品牌型号。_python车型识别系统

Azkaban 的作业类型插件_azkaban user.to.proxy-程序员宅基地

文章浏览阅读1w次。首先说jobtype跟azkaban的webserver端无关,因为webserver节点只负责项目作业管理(上传和分发),并不关心你上传的是哪种类型的作业。负责具体执行的executor会解析job文件。还记得在配置.job作业文件的时候,使用type关键字指定作业类型吗?executor有一个作业类型管理器,在其构造方法中可以看到,既可以加载默认的作业类型,也能从插件中加载新的作业类型_azkaban user.to.proxy

华为switch上配置MSTP_华为swtms-程序员宅基地

文章浏览阅读4.8k次。拓扑:配置思路采用如下的思路配置MSTP的基本功能:将SwitchA和SwitchC配置到一个域内,域名为RG1,创建实例1。将SwitchB和SwitchD配置到另外一个域,域名为RG2,创建实例1。配置交换机SwitchA为CIST总根。在域RG1内,交换机SwitchA为CIST域根,SwitchA为实例1的域根_华为swtms

java POI Excel插入图片_drawing.createpicture-程序员宅基地

文章浏览阅读3.8k次。Java POI Excel 插入图片,POI操作Excel插入图片显示_drawing.createpicture

去哪儿网领域驱动设计(DDD)战略战术设计实战_ddd战略与战术-程序员宅基地

文章浏览阅读695次。P1 00-前言:走入DDD 31:30P2 01-大白话聊DDD 49:29P3 02-方舟DDD实践(上) 56:44P4 03-方舟DDD实践(下) 1:13:19P5 04-战略设计 1:13:08P6 05-战术设计 1:21:08P7 06-酒店报价DDD实战1:25:56P8 07-DDD整合分层架构和微服务设计 40:29P9 CQRS在领域驱动中的重要作用 43:22P10 机票辅营DDD的分层架构设计 1:14:02https:..._ddd战略与战术

Android Studio 导入项目 出现安装Error:Cause: failed to find target with hash string 'android-23' 等错误...-程序员宅基地

文章浏览阅读413次。今天 在导入 一个新项目时 ; 出现了这个错Error:Cause: failed to find target with hash string 'android-23' in: C:\Users\Administrator\AppData\Local\Android\sdkOpen Android SDK Manager一 、于是 点击Open Android SDK Ma..._error:cause: failed to find target with hash string 'android-23' in: d:\app\

随便推点

selenium+Java操作cookie绕过登录_java不用登录获取cookie-程序员宅基地

文章浏览阅读4.3k次。selenium操作cookie的方法包括:获取cookies,`Set data = driver.manage().getCookies();`获得cookies个数`driver.manage().getCookies().size();`删除所有cookies,`driver.manage().deleteAllCookies();`设置cookies,`Cookie c1 = newCookie("xxxx","xxxx")`;`driver.manage().addCook_java不用登录获取cookie

mysql定义数量_MySQL5.5索引数在InnoDB引擎内与索引数在mysql中定义的数量是不一致问题...-程序员宅基地

文章浏览阅读86次。为什么会出现这样的错误呢?参考了这篇文章的解释https://www.percona.com/blog/2011/11/29/innodb-vs-mysql-index-counts/I had a customer recently who a few strange errors in their mysqld.err log:[ERROR] Table database_name/table..._innodb 和 mysql索引不一致

EFCodeFirst安装失败(包括EntityFrameWork安装)-程序员宅基地

文章浏览阅读55次。原文出处http://blog.csdn.net/yangzhencheng_001/article/details/6684853我们在安装EFCodeFirst包时会不会出现“This package (or one of this dependencies) contains PowerShell scripts and needs to be installed fr..._nuget pack 未声明“version”特性。

Tpye-C连接外接显示器失效_typec外接显示器没反应-程序员宅基地

文章浏览阅读6.3k次。原因:应该是静电导致的。解决方法:关机,然后拆开电脑后壳,吹一吹灰,拔掉电源的连接线,重新连接。然后解决了_typec外接显示器没反应

利用crontab执行php脚本_crontab php-程序员宅基地

文章浏览阅读1.9k次。1.执行的php脚本内容&lt;?php $myfile = fopen("/home/wwwlogs/crontab.txt", "a+");//这里写相对路径不行$txt = "crontab job\n"; fwrite($myfile, $txt); fclose($myfile); ?&gt;2.添加定时任务每两分钟执行一次php脚本crontab -e 输入以下内容*..._crontab php

启动SpringBoot报错Input length = 1解决办法_input length = 1 (org.apache.maven.plugins:maven-r-程序员宅基地

文章浏览阅读6.1k次,点赞5次,收藏3次。引用来源报错信息maven-resources-plugin:3.2.0:resources (default-resources) on project jcy_interface_services: Input length = 1 -> [Help 1]错误原因maven,resource目录下配置文件的编码格式未设置。默认为GBK编码格式,需要在idea中设置编码为UTF-8。解决办法1.Settings---->File Encodings----> 凡是设计编码格式_input length = 1 (org.apache.maven.plugins:maven-resources-plugin:3.2.0:reso

推荐文章

热门文章

相关标签