实习日志02——技术01

本节：总结2022.1.14-2.27 这段日子遇到的一些问题。

其实很多前端问题在开发者工具就可以找到，所以先详细的总结一下开发者工具里学习到的内容。

1.在控制台的网络这里看我们和后端交互用了哪些参数；看到代码对应接口的位置。

（接口传参，传得不对，会获取不到后端的数据或者显示无数据。）

 

（接口参数有一些功能的控制，信息显示不完整。limit：150，可以控制页面显示150条数据；）

2.后台返回数据错误提示，没有弹出。

（1）先找到对应后台返回的的网络信息的方法，因为提醒内容是后端已经写好的

 （2）所以找到对应的错误方法，弹出提示即可

3.从接口看是前端还是后端的问题。

（1）接口状态 

（2）后端接口丢包问题

4.页面新增加字段之后，怎么增加对字段控制呢？

（1）老字段有传参到后台，所以控制得到，新增字段没有传到后台，所以没有控制到。

 （2）解决办法：找到传参的接口，进行传参。 

 5.控制台的报错

（1）有时候控制台显示那个地方的报错，但是解决了还是报错，可能是其他位置有问题，这时候，静下心把全部代码，再完整的过一遍。

（2）控制台，显示奇怪的HTML代码，可能是接口的问题。接口文件的位置要和后台的接口文件的位置一致。

6.全局变量的定义，在vue外面定义全局变量，可以直接在代码里面用。

7.判断是后端还是前端的问题：看网络的数据，如果显示是200，就是前端传参的问题，如果是下面这种什么都没显示，就打开接收到的数据，看看是不是后端没有数据

测试这个请求也没有返回东西 ，用这个地址，复制到浏览器，

加这些参数，冒号变=，中间用&来链接。再看返回的内容。

 

 

加上一些最近用的函数。

（1）跳页面打开链接：href="../buycarlist.html" ，target="_blank"

当前窗口打开链接window.location="../market/saomiaoqiang_main.html";

跳页面打开链接：window.open("../market/saomiaoqiang.html");

（2）string.indexOf() 模糊等于字段

（3）string.slice(6，11) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。我们将提取从位置 6 到位置 11 的所有字符：

 （4）cookie的创建，获取，使用。

 （5）getParam 获取地址参数。

 最后，虽然不是知识层面的问题，但是非常影响工作的效率，必须克服。

（1）文件名差不多的时候，容易在没看清文件名的情况下，就开始修改代码，这非常容易影响工作的效率。解决办法：静下心，看清楚文件名，一个字母都没有错的情况下，才开始进行代码的修改，不然调试半天没反应，钻牛角尖,累了应该休息一下。

（2）可以百度到完整的功能代码是最好，但是不行的话，把敲代码一层一层的试，一句话一句话的去试。有一个错误或者不懂，就把涉及到的变量，都去调试一下，一步一步的调试。

（3）代码位置杂乱，容易看不出报错的问题。如果编辑器没有自动格式化代码的功能，就找在线格式化代码的网站。