印象较深的一些前端问题

谷歌翻译导致页面不刷新

最近在查看某个上线的项目时，突然发现数据没显示出来，顿时心中一惊，于是马上开始排查问题。先是通过network查看接收数据，数据正常。又通过控制台打接收后的数据，数据还是正常，但是为什么不显示了？！不得已，加了个key（vue的项目），终于展示数据了，但这并不是我预期的方法，于是继续排查。过了一会，我发现字变了一些，突然脑子里有了一些主意，一试，果然是翻译的问题！

请求被当成广告拦截

项目本来上线了一段时间，功能使用也没发现问题。但是还是有人找了过来，说功能用不了。该不会是游览器不同的问题吧，这是我的第一反应。但是我在上线时edge和火狐，谷歌都测试过了，一问用的什么游览器，也是谷歌，那应该不关游览器不同的问题。于是远程排查问题，发现接口报错了：Failed to load resource: net::ERR_BLOCKED_BY_CLIENT。百度一查，说是被当成广告拦截了。于是找了一个‘嫌疑’接口getad一改，果然好了！

react hook数据设置后获取为空（未解决）

由于某个需求，我把某个用useState生成的数据拿来继续使用，可是居然失败了，这用到的逻辑也不复杂啊。一打印，发现数据居然为空（初始值）！这？这个数据是个数组，之前是用来生成antd select里的数据的，生成的很成功，可是为什么打印的时候会没有数据呢（没有变量冲突，在请求的回调里调用的，这个请求用到了select里的数据的，所以数据肯定是传进去了的）。最后，用另一种方法存储了数据，才实现了需求，但是最后的最后，这个需求砍掉了。

输入框无法编辑 （vue）

在测试的时候，有人发现某个输入框无法输入。之前开发的时候都没问题，怎么测试的时候就有问题了，会不会是游览器卡了。可是，又有人出了这个问题。这大概率是有问题了，于是我使出了程序员的通用秘技：面向百度编程。果然，分分钟找到了问题。原来是某个对象的某个属性我一开始没有定义，导致这个属性并没有被vue的机制监听到，而这个属性绑在了输入框上，我又通过接口获取到值并传给了这个属性，就发生了输入框无法编辑的问题。最后在对象里写上了这个属性，问题成功解决。