話說
各位讀者盆友,晚上好!這裡介紹一下快速找介面。太基礎?yes!
目錄how?
summary
開發工具:idea
難度係數:★☆☆☆☆
建議用時:30min
前後端分離架構中,前後端互動都是靠介面對接的,後端定義好介面,online或者offline告知前端,即可同時開發,不受影響。前後端都需要快速找到介面,後端根據介面找到實現**,這是非常基礎的。
1.如何找介面?
我們直接訪問頁面,然後開啟開發者工具chrome:快捷鍵:mac 系統下:alt + command + i ,或者右鍵==》檢查,找到network選項卡即可。如圖:
如果有一點點基本的開發者工具基礎知識,我們知道:elements是用來檢視網頁結構的,也就是可以看到整體的html語言;console是控制台,network是請求想相應狀態,關於開發者工具,以後會專門在作總結。
1)乙個name就是乙個介面,xhr一般這麼過濾。header裡面的requesturl就是前端呼叫後端的介面;
在idea中,如何快速找到這個介面所對應的後端**?
在後端**中,這個介面就是指定的具體類中的某個方法,也就是path。
eg:這就是個介面,組成部分:
http——協議名稱
175.23.43.5 ——伺服器名稱
cscsc——服務名稱(對應後台乙個工程|乙個模組|乙個服務)
branch_center——請求路徑
dynamic—二級路徑
如何快速查詢呢?
記住快捷鍵是個好方法,但是快捷鍵總會忘記的,如果換了開發工具,不也忘了麼?
法1:記住快捷鍵是從**來的
edit ==》 find ==》find in path這樣就一勞永逸,即便忘記,也不怕。
因為大腦擅長邏輯,而不是擅長記憶。
法2:快捷鍵:ctrl + shift +f
這個快捷鍵和搜狗輸入法繁簡體切換衝突。
搜尋的時候,/這個加不加上,大有來頭。我一般選擇directory選項卡,選擇words過濾,
這樣篩選出來的都是@path()之類的,非常方便。
@path(」/branch_center/dynamic「)
@path(「branch_center/dynamic」)
這兩個搜的時候,就要區別有無/,如果直接/就會直接過濾掉第二個路徑。有時候,有的介面搜尋/ 或者branch_center也是找不到,需要加上」branch_center」,這就考驗你對@path理解的深刻與否了。
換做其他開發工具,也是類似。
2. summary
1.idea中快捷鍵:ctrl + shift +f (對應:edit ==> find ==> find in path),這個快捷鍵和搜狗輸入法繁簡體切換衝突。
記住快捷鍵沒什麼,重要的是知道這個快捷鍵怎麼來的。
double shift 就是全域性搜尋類
2.個人習慣選擇directory選項卡搜尋,然後精準匹配words
3.path的書寫大有講究。有無/是很關鍵的乙個指標。如果你預設以為/branch_center,那麼就直接過濾掉了branch_center
好了,再會~
檢視Dll介面
vs2010裡vcvarsall.bat是在d program files x86 microsoft visual studio 10.0 vc目錄下,執行方法是直接將vcvarsall.bat檔案拖入命令列視窗,然後回車。拖入相當於在命令列中輸入 d program files x86 micr...
如何檢視後端介面資料結構
如何檢視後端介面資料結構?拿echarts來說,首先,使用ajax向後端請求資料,各個值拼接成乙個字串返回 tooltip 1 使用 alert json.stringify param 的時候,彈出一些列資料 2 使用 console.log param 的時候,列印在控制台的資料。選擇需要的字段...
如何檢視linux版本 如何檢視LINUX是多少位
一 如何得知自己正在使用的linux是什麼版本呢,下面的幾種方法將給你帶來答案!1 root q1test01 cat proc version linux version 2.6.9 22.elsmp bhcompile crowe.devel.redhat.com gcc version 3.4...