FollowMe整理前端實用開發技能

斷點調試:

1.在邏輯代碼中加入一行debugger

在這裏插入圖片描述

即告訴瀏覽器將在此時開始斷點
在這裏插入圖片描述
在正在運行的項目中將會出現如下的標識
在這裏插入圖片描述

2.在瀏覽器的source界面增加下一個斷點

點擊數字列左側即可
在這裏插入圖片描述
然後點擊屏幕中出現paused in debugger的藍色箭頭讓斷點繼續執行,
此時在斷點區域可以對某些數據,字段進行準確的讀取,以此直觀的展現出是否出現判斷邏輯錯誤等
在這裏插入圖片描述

postman調試:

一般後臺給到前端接口的時候,很多時候需要前端自己進行接口調試

如果成功發送一個請求:在瀏覽器中查看一下相應的屬性:
在這裏插入圖片描述
在network-xhr-可以看到如請求地址,請求方式,請求頭等信息

而參數就在最下面

可以直接取到相應格式的請求參數

在這裏插入圖片描述

vue清除路由參數

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