Talk is cheap. Show me the code
翻譯一下就是我江哥的名言:廢話不多說,直接上代碼?。?!
一:項目展示
項目 一:百度首頁
項目二:網易郵箱
二:項目心得
在整套課程中,江哥每講到一些重要知識點就會教我們寫個小案例,其中成體系的和比較綜合得應該就是百度首頁和網易郵箱了。在江哥的指導下,我也早早的把這兩個項目自己做了出來,雖然現在做起來并不難,但是第一次寫的時候還是遇到了許多問題,比如說:
1 .百度首頁——我采用的是CSS和HTML分開寫的,所以現在引用CSS的時候因為文件命名大小寫的格式錯誤,F5刷新一直顯示錯誤。
2 .網易郵箱—— 網易郵箱是一個綜合的項目,原來不怎么會精靈圖的測量和切割,經過這個項目,現在算是非常的6了。浮動方面遇到了一個問題就是最上面的logo和右側的“了解更多|反饋意見”
始終不能對齊在水平方向上,這個問題讓我頭大了好久,后來靜下心來發現左側選擇器忘了寫左浮動,又聯想到江哥總結的那句話“標簽浮動后的位置取決于浮動前在標準流中的位置”,問題瞬間就解決了。還有一個問題是設置垂直居中的line-height時候如果用快捷鍵會出現line-height: 27px;line-height: 27;
少一個px的情況,我猜測可能是編輯器的問題,也因此經常F5刷新的時候達不到要求,還要自己找到代碼重新添加像素單位。
3 .其實無論是百度首頁還是網易新聞,在開發過程中都面臨一個相同的問題:那就是當項目足夠大的時候因為標簽嵌套太多、選擇器太多、類和id的使用越多,使得開發變得繁瑣,想設置一個標簽背景色卻找不到在哪,想刪除一個元素卻誤刪了別的,諸如此類,非常煩惱,為此我也總結了一些方法,比如1:添加注釋,2:將CSS和HTML分離:3:提前畫好層級結構圖優化代碼結構。
三:最后
說真心話,其實跟著江哥學的遠不止于此,東西實在太多就不一一贅述了,感謝江哥如此認真的備課,讓我
能學到這么好的課程,希望能順利進入小碼哥學習前端課程,早日找到理想工作
真心祝愿小碼哥在李明杰和李南江兩位大神的帶領下將中國的IT培訓行業重新洗牌,愿小碼哥越做越大、越做越強?。?!
學HTML5就選李南江,選培訓機構我只選小碼哥(www.520it.com)