FollowMe整理前端实用开发技能

断点调试:

1.在逻辑代码中加入一行debugger

在这里插入图片描述

即告诉浏览器将在此时开始断点
在这里插入图片描述
在正在运行的项目中将会出现如下的标识
在这里插入图片描述

2.在浏览器的source界面增加下一个断点

点击数字列左侧即可
在这里插入图片描述
然后点击屏幕中出现paused in debugger的蓝色箭头让断点继续执行,
此时在断点区域可以对某些数据,字段进行准确的读取,以此直观的展现出是否出现判断逻辑错误等
在这里插入图片描述

postman调试:

一般后台给到前端接口的时候,很多时候需要前端自己进行接口调试

如果成功发送一个请求:在浏览器中查看一下相应的属性:
在这里插入图片描述
在network-xhr-可以看到如请求地址,请求方式,请求头等信息

而参数就在最下面

可以直接取到相应格式的请求参数

在这里插入图片描述

vue清除路由参数

let path = this.$route.path; 
this.$router.push(path); 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章