什么是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)絡(luò)錯誤
CSS調(diào)試
使用開發(fā)者工具:
選擇器錯誤(開發(fā)者工具右側(cè)有沒有選擇器)
注釋會錯(CS只有/**/這種注釋方式)
屬性名(出現(xiàn)警示則是語法錯誤宇立,首先可以在開發(fā)者工具里面的推薦寫一遍,也可以把鼠標(biāo)放警示標(biāo)志上面)
值會錯
值會被覆蓋(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.找出與預(yù)期不一致的地方
還有二分法(打印console.log(1));打印元素
輔助方法斷點:
sources-break.html-加斷點-刷新-高亮的地方?jīng)]有運行匿级。
同時watch查看所有變量蟋滴,打開控制臺。
斷點分為條件斷點痘绎、ajax斷點津函、Dom斷點
還有一種斷點是debugger。
網(wǎng)絡(luò)請求
ajax:1.看網(wǎng)絡(luò)請求有沒有發(fā)出去孤页;2.參數(shù)和(header)3.數(shù)據(jù)格式(preview(后端的數(shù)據(jù)格式))+console.log
注釋法
如果有很多錯誤尔苦,就分塊注釋(對代碼不了解的情況下)