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