什么是bug?
程序錯誤,程序漏洞
調試(debug)步驟
1.發現錯誤
2.定位錯誤
3.找出原因
4.提出辦法
5.糾正并測試
調試的秘訣
從心里鄙視寫出的bug,制造出智力上的優越感才能發現bug。
定位錯誤
調試HTML/CSS/JS/網絡錯誤
CSS調試
使用開發者工具:
選擇器錯誤(開發者工具右側有沒有選擇器)
注釋會錯(CS只有/**/這種注釋方式)
屬性名(出現警示則是語法錯誤,首先可以在開發者工具里面的推薦寫一遍,也可以把鼠標放警示標志上面)
值會錯
值會被覆蓋(background的transparent和none沖突)
分號會錯
border調試大法
js調試
從css開始調試,有時候是css寫錯了
console.log大法
1.確定你的代碼運行了,函數調用了
2.確定了數據類型再打值(console.log(typeof button))
3.確定值
4.找出與預期不一致的地方
還有二分法(打印console.log(1));打印元素
輔助方法斷點:
sources-break.html-加斷點-刷新-高亮的地方沒有運行。
同時watch查看所有變量,打開控制臺。
斷點分為條件斷點、ajax斷點、Dom斷點
還有一種斷點是debugger。
網絡請求
ajax:1.看網絡請求有沒有發出去;2.參數和(header)3.數據格式(preview(后端的數據格式))+console.log
注釋法
如果有很多錯誤,就分塊注釋(對代碼不了解的情況下)