做项目过程难免会碰到一些bug、样式等各种各样的问题。下面就写一些个人在碰到问题时的解决思路。
也许你已经熟练掌握，那让我们一起来温习，也许你初入前端尚不知如何调试，希望能给你帮助。
如下解决方法，均以Chrome浏览器为例。
1、页面样式问题
如果要对面页面样式进行微调，打开浏览器的开发者工具，选中需要调整的模块，调出想要的样式，记录下数据，对代码修改即可。
2、js bug
在出现bug的js部分，使用console.log调试。当不确定具体位置或js解析顺序时，可在代码的不同位置添加console，在根据打印出的内容，判断bug位置或得出函数的解析顺序。
3、非 js bug
如果是前端代码的问题，因为一些奇怪的原因没找到问题源头（比如一个字母写错了），那么将HTML的代码全部注释掉，然后一点一点放出，测试有无bug，直至找出问题原因。
4、数据展示bug
有时候页面出现数据无法展示问题，或者展示的数据跟预期不一样，当你。只需在浏览器上输入 后台给的接口 + 要传的参数，看返回出的内容，即可判断出是后台接口问题，还是前端出错了。
5、form表单慎用button
form表单内部慎用button按钮，这可能导致提交、click事件点击时出现bug。
6、Chrome奇怪的缓存机制
当你感觉代码没有问题但浏览器显示就是不对，此时你可以先尝试清理一下浏览器缓存，没准你需要的效果就出来了，如果还是不对，就在尝试其他的方法吧。（CSS和JS都会出现缓存问题）；
7、js逻辑问题
先根据个人经验判断问题所在，之后在尝试Chrome的断点调试，另起一章。待续。。