前端开发中如何定位bug

身为前端人员，在开发当中我们时常会发现一些奇奇怪怪的bug，有兴趣可以一起来看看你也是否遇到过这些问题。

背景

1.运行vue项目，一些页面操作没有反应；

2.换头像怎么，重新登录的时候，有时变化有时没变化，明明已经存在存在本地了；

3.明明已经改变了vuex的值，页面的值没有变化。

定位

问题1： 首先我们要熟悉vue的一个大概流程， 运行vue项目， 但是一些页面操作没有反应，说明什么， 说明我们要打开调试工具，看看console有没有报错，不用看肯定有报错信息， 这个报错信息很重要。一般一眼就看出是什么问题， 比如：

什么意思呢？ 如果学过英语的就会知道， 你没有注册这个模块！

注册都没注册，还想要用它的功能！

问题2：首先我们看看console有没有报错，这次没有， 然后打印一下头像的变量， 哟好家伙！，居然是空的，在看看本地localStorage,纳尼！居然有值， 我一想就知道是异步的问题, 然后设置个定时器， 果然有值了，o(￣︶￣)o，但是我不太喜欢用定时器，就改成监听属性。

问题3 ：居然在template使用

这个不是响应的好吧, 要做监听属性。

人在江湖漂， 哪有不挨刀

总结

最后的最后，就来做个简单总结：

遇到问题不要慌，只要能复现，就能修复，

首先要查看console， 一般报错都会有提示，

然后在如果没有就调试debug，不过如果你觉得大概问题在哪， 就使用console.log(),打印。

睿江云官网链接：www.eflycloud.com