前后端bug特征

后端：

• 業(yè)務(wù)邏輯問題：如任務(wù)狀態(tài)未扭轉(zhuǎn)成功，創(chuàng)建任務(wù)失敗等
• 數(shù)據(jù)類問題：如新增的任務(wù)在頁面沒有展示出來等
• 性能類問題：提交任務(wù)一直顯示創(chuàng)建中、批量操作等待耗時長超時等

前端：

• 頁面顯示類型問題：靜態(tài)文案錯誤、文字大小、錯誤提示不友好（code碼、exception異常）UI、
• 頁面布局類問題：顯示不全、文字排版未統(tǒng)一、與UI稿不一致
• 交互類問題：點(diǎn)擊沒請求接口、報錯提示被吞、沒有兜底提示
• 兼容性問題：不同瀏覽器、不同機(jī)型、不同系統(tǒng)、（具體顯示與布局、新老版本APP功能接口數(shù)據(jù)結(jié)構(gòu)兼容情況）

缺陷定位的常用方法：

• 前端未請求接口，則判斷為前端bug
• 前端發(fā)出請求但是入?yún)㈠e誤/缺少入?yún)?#xff0c;則判斷前端bug
• 前端發(fā)出請求入?yún)o誤，后端返回數(shù)據(jù)錯誤，則判斷為后端bug
• 前端發(fā)出請求入?yún)o誤，后端未響應(yīng)產(chǎn)生數(shù)據(jù)，則判斷為后端bug
• 后端返回數(shù)據(jù)無誤，但前端沒有正確展示，判斷為前端bug

定位工具：Chrome（F12：network）charles、fiddler

分析日志：

• 復(fù)現(xiàn)bug時后端服務(wù)日志無報錯信息、接口repsonse信息無誤，可初步認(rèn)為與后端無交互，定位為前端bug。
• 若有相關(guān)錯誤日志輸出，可以進(jìn)一步查看錯誤信息，明確報錯信息入?yún)⒄_，可初步判斷后端bug。
• 微服務(wù)可通過traceId查詢，需要加英文引號'' 如（grep ' ' erro.log）

數(shù)據(jù)庫分析：

• 檢查DB中數(shù)據(jù)是否寫入正確？
• 插入數(shù)據(jù)成功，但前端未展示需要結(jié)合抓包工具分析是后端未返回還是前端未展示

經(jīng)驗：

了解接口、字段命名規(guī)范、常用服務(wù)的詞匯，能更快速找到對應(yīng)字段映射關(guān)系，定位前后端bug