為什么是隨筆
好好算下來，學習web前端已有半個月了零截，這半個月來主要學習的是HTML和CSS部分麸塞，期間有困惑，也有解決困惑時的快感涧衙，所以想把這段時間感受到的一些東西記下來哪工，因為內容比較雜，所以干脆叫隨筆吧弧哎。這里面不會說前端的相關基礎知識雁比，只是說一些自己對前端的一些認識。
- html是用來控制頁面結構的
我曾經(jīng)對這句話有過疑問撤嫩，覺得html應該是控制頁面內容的偎捎，為什么要說是控制頁面結構的呢？在查看京東首頁的代碼時序攘，我恍然大悟茴她，html確實是定義頁面內容的，但同時它也要控制頁面的結構程奠。舉例來說丈牢，京東商品分類的div包含了頂部的dt，還包含了下面的細分目錄dd梦染，如果只是想呈現(xiàn)頁面內容的話赡麦，其實完全不必這么做，但從現(xiàn)實的業(yè)務邏輯上來講帕识，div確實應該包含這兩部分泛粹，這就是html控制頁面結構的一個例子。
jd.png
jd-code.png
- 時刻關注元素的樣式和他們在文檔流中的位置
乍看起來肮疗，這好像很容易晶姊，但在編程過程中，如果頭腦沒有時刻保持這個意識伪货，會很容易迷失们衙，寫代碼寫到一半钾怔，忘了布局，或忘了樣式是加到哪個元素上了蒙挑。另一方面宗侦，為了減少這種情況，應該適當?shù)募右恍┳⑨屢涫矗x擇器的名字應更好識別矾利。 - 合理利用div
雖然html是語義化的標記語言，但目前html提供的標簽還不能充分提供各種語義馋袜，div是很好的一個替代方案男旗，充分的利用div劃分語義單元，同時不能過度使用div欣鳖，這樣才能寫出語義清晰察皇，代碼簡潔的頁面。 - 選擇器的使用
如果想給元素添加樣式泽台，通常要用到選擇器什荣，但注意不要把過度的描述選擇器，舉個例子师痕，如果我們給一個div（class=“box”）加一個邊框溃睹，可以直接寫.box，盡量不要寫div.outer div.inner div.box胰坟，這樣只會增加樣式的特殊性因篇，同時不會帶來什么好處淋淀，如果我們想給.box里面的div再加邊框葵袭，就得再加上前面那一串選擇器籍滴，這只會讓代碼冗余悴灵，并且子元素不好覆蓋樣式蕾羊。 - 了解一些常見的bug
代碼沒有問題捺信，可顯示效果就是不對耕挨，相信每個前端同學都有過這種經(jīng)歷搔驼，找了半天發(fā)現(xiàn)原來是瀏覽器的bug厢塘，這絕對增大了程序猿的心理陰影面積茶没。為了保護自己的玻璃心，建議多了解一些bug晚碾。
共勉
自己剛剛踏入前端這條路抓半，還沒堅持過什么事情，這次我要堅持下去格嘁！
