談談DOM結構的重要性

其實在很多web前端招聘都很少談及dom結構的問題，大多都跟js有關。但是nelson個人認為乙個好的頁面的含義更重要的是乙個好的dom結構，因為頁面的內容都是通過dom結構呈現給使用者的，所以乙個好的前端工程師所具備的遠遠不止會寫好一段好的js**。

乙個好的dom結構能夠少寫很多**，特別是css**，因為dom結構是直接跟css掛鉤的。

根據nelson這些年的bug-fix經驗，很多時候bug的產生都是因為dom結構沒有寫好，以至於樣式裡多了很多的css hack**。而反過來我們只有寫出乙個好的dom結構那麼，將可以避免很多的css hack**，當然還能更多的減少css**。

我就那拿csdn上的部落格列表頁**說話：

這段**的本意就是為了呈現乙個標題。但是有必要寫得這麼複雜嗎？nelson自己重寫了一下它的**：

為什麼nelson這麼寫呢？因為這只是乙個標題，既然用背景作用在來實現乙個小，為什麼不直接放在h3裡做背景呢？這樣不是更簡單而且不需要定寬高？

當nelson再看它這個小怎麼去寫的時候，竟然發現它用的不是css sprite圖，而是簡簡單單的乙個小圖示而已，那麼有必要做背景嗎？

這僅僅只是nelson個人的做法，當然，寫那段**的人所做的不能以我個人的角度去評判它什麼。

這裡所有例子僅僅只是乙個參考，不代表nelson有什麼攻擊性的言語，只是在說明作為前端開發工程師，我們可以寫出更漂亮更簡短的**，以此共勉。