debug的學習

上完前端課程,套入一個別人寫的JQ, 發現Chrome可以看但火狐、IE無法,
 然後又會多一行空白,完全找不到padding或margin撐開
以為是table的border搞鬼,但設了0還是一樣,
後來請洧杰老師看,發現:
一、空白一行是因為有
的tag
二、JQ的問題是因為沒有包在$function(){}裡面 但神奇的是google竟然可以跑,
 仔細看了一下發現已經有$function(){}在上面, 總之我後來把它修改到都放入$function(){}, 其他瀏覽器就都可以了。

 這提醒我,很多時候是最基本的東西錯了,就像這是html多了
tag, JQ最重要的開始寫法都沒有寫進去,感覺得出我心態好高騖遠,
應該要從最基本的用法檢查起,這也是debug的方式。

 不過意外學到利用codepen來除錯, http://codepen.io/anon/pen/GfqIr
把用到的JQ單獨出來,就像是實驗組和對照組的作法,
對照組一定要環境單純。
Previous
Next Post »