这是我参与「第五届青训营 」笔记创作活动的第3天。
介绍bug与了解debug
- bug的产生：以前使用的是打字条读取01代码，有时候就会飞入一个虫子，阻碍代码的读取，使得读取的内容不正确或者有误。那时候的人们就会将这个称为bug。
- 前端debug的特点：01.多平台 ：浏览器、Hybrid、Nodejs、小程序、桌面应用等 02.多环境：本地开发环境、线上环境 03.多工具：Chrome devTools、charies、whistle、vconsole 04.多技巧：Console、breakPoint、sourceMap、代理等
PC端调试
目的
解决bug通常要对代码进行调试，这样才能比较容易的找出关键性问题。掌握一个好的调试技巧是一个开发人员必备的基本技能。
基本调试方法
- 用眼睛调试：将代码一行一行的在脑海里跑一边。
- 利用console调试在控制台查看结果。
- 利用浏览器断点调试：在浏览器中打开开发者工具，然后添加断点调试，再然后一步一步执行代码，查看数据的变化，从而达到调试的效果。
- vscode 调试：在vscode中F5打开调试，提前添加好断点。断点的添加方式就是在代码的行数左边点一下。
- 代码中断点调试：在需要断点的行数之前加上debugger代码。这样运行的时候就会进行debug了。
当然也可以组合使用这些调试方法，以便达到最终调试的效果。
总结
在众多的调试方法中，我们常用的也就是那几种。调试的多了，我们发现问题的能力就会提升。我最经常一开始用的就是用眼睛调试，通过读代码，在脑海中跑一遍代码之后，如果还是没有发现问题，那么，我就会使用调试工具查看数据有没有变化。一般情况下，都用不到特别复杂的调试方法就能够发现问题了。
