快速定位常見(jiàn)的前端問(wèn)題.pptx

1、By 銀環(huán),快速定位常見(jiàn)的前端問(wèn)題,目 的,增進(jìn)前端與開(kāi)發(fā)無(wú)間隙合作 普及前端知識(shí) 提高工作效率,調(diào)試環(huán)境,瀏覽器：firefox 工具：firebug,firebug幫助文檔：,目 錄,01,02,常見(jiàn)html+css問(wèn)題,常見(jiàn)js問(wèn)題,常見(jiàn)HTML+css問(wèn)題文檔與文件,文檔聲明不正確(或者聲明多個(gè)) css/js路徑未引用或者多引用 css/js路徑引用不正確,問(wèn)題說(shuō)明 |認(rèn)識(shí)doctype, 區(qū)別于 ,問(wèn)題說(shuō)明 |如何檢查css/js引用是否正確,1. 與demo對(duì)照檢查是否有引用 2. 查看文件加載是否正確 3. 檢查加載的順序,問(wèn)題說(shuō)明 |如何檢查css/js引用是否正確,常見(jiàn)HT

2、ML+css問(wèn)題結(jié)構(gòu)錯(cuò)誤,標(biāo)簽未正確閉合 嵌套錯(cuò)誤 非法嵌套,問(wèn)題說(shuō)明 | 標(biāo)簽未正確閉合,1. 標(biāo)簽自閉合 2. 標(biāo)簽未閉合,問(wèn)題說(shuō)明 | 標(biāo)簽未正確閉合,標(biāo)簽自閉合 or X 2. 標(biāo)簽未閉合,問(wèn)題說(shuō)明 | 標(biāo)簽嵌套錯(cuò)誤,1. 標(biāo)簽交叉 2. 標(biāo)簽放置位置不正確,問(wèn)題分類(lèi)說(shuō)明 | 非法嵌套,table,tr,td table ,tbody,tfoot ul,li ol,li dl, dt/dd,幾組常見(jiàn)標(biāo)簽:,問(wèn)題分類(lèi)說(shuō)明 | 查看元素及樣式,（1）,（2）,（3）,（4）,常見(jiàn)HTML+css問(wèn)題標(biāo)識(shí)缺失/不正確,缺少I(mǎi)D或者class 標(biāo)識(shí)設(shè)置不正確,問(wèn)題說(shuō)明 | 缺失ID或者clas

3、s,.msg24 .ok div.msg24 .ok .msg24 p #msg24 .ok,css幾種最常見(jiàn)選擇器：,問(wèn)題說(shuō)明 | 標(biāo)識(shí)設(shè)置不正確,實(shí)例地址：,設(shè)置table的cols數(shù)目與實(shí)際列數(shù)不符,錯(cuò)誤自查,step1：引用是否正確 step2 : 結(jié)構(gòu)是否正確 step3：標(biāo)識(shí)是否缺失 實(shí)在搞不定，咨詢(xún)前端開(kāi)發(fā),常見(jiàn)javascript問(wèn)題如何調(diào)用Yui /tbra /kissy？,查看YUI文檔 firebug DOM查看器,常見(jiàn)javascript問(wèn)題如何調(diào)試？,firebug 斷點(diǎn) console.log/dir/debugger,Console.log,Console.dir,常見(jiàn)javascript問(wèn)題查看AJAX請(qǐng)求和網(wǎng)絡(luò)情況？,firebug 控制臺(tái) firebug查看網(wǎng)絡(luò),更多資料：