為什麼是隨筆 好好算下來，學習web前端已有半個月了，這半個月來主要學習的是HTML和CSS部分，期間有困惑，也有解決困惑時的快感，所以想把這段時間感受到的一些東西記下來，因為內容比較雜，所以乾脆叫隨筆吧。這裡面不會說前端的相關基礎知識，只是說一些自己對前端的一些認識。 html是用來控制頁面結構的 ...
為什麼是隨筆
好好算下來，學習web前端已有半個月了，這半個月來主要學習的是HTML和CSS部分，期間有困惑，也有解決困惑時的快感，所以想把這段時間感受到的一些東西記下來，因為內容比較雜，所以乾脆叫隨筆吧。這裡面不會說前端的相關基礎知識，只是說一些自己對前端的一些認識。
- html是用來控制頁面結構的
我曾經對這句話有過疑問，覺得html應該是控制頁面內容的，為什麼要說是控制頁面結構的呢？在查看京東首頁的代碼時，我恍然大悟，html確實是定義頁面內容的，但同時它也要控制頁面的結構。舉例來說，京東商品分類的div包含了頂部的dt，還包含了下麵的細分目錄dd，如果只是想呈現頁面內容的話，其實完全不必這麼做，但從現實的業務邏輯上來講，div確實應該包含這兩部分，這就是html控制頁面結構的一個例子。
- 時刻關註元素的樣式和他們在文檔流中的位置
乍看起來，這好像很容易，但在編程過程中，如果頭腦沒有時刻保持這個意識，會很容易迷失，寫代碼寫到一半，忘了佈局，或忘了樣式是加到哪個元素上了。另一方面，為了減少這種情況，應該適當的加一些註釋，選擇器的名字應更好識別。 - 合理利用div
雖然html是語義化的標記語言，但目前html提供的標簽還不能充分提供各種語義，div是很好的一個替代方案，充分的利用div劃分語義單元，同時不能過度使用div，這樣才能寫出語義清晰，代碼簡潔的頁面。 - 選擇器的使用
如果想給元素添加樣式，通常要用到選擇器，但註意不要把過度的描述選擇器，舉個例子，如果我們給一個div（class=“box”）加一個邊框，可以直接寫.box，儘量不要寫div.outer div.inner div.box，這樣只會增加樣式的特殊性，同時不會帶來什麼好處，如果我們想給.box裡面的div再加邊框，就得再加上前面那一串選擇器，這隻會讓代碼冗餘，並且子元素不好覆蓋樣式。 瞭解一些常見的bug
代碼沒有問題，可顯示效果就是不對，相信每個前端同學都有過這種經歷，找了半天發現原來是瀏覽器的bug，這絕對增大了程式猿的心理陰影面積。為了保護自己的玻璃心，建議多瞭解一些bug。共勉
自己剛剛踏入前端這條路，還沒堅持過什麼事情，這次我要堅持下去！
