組件

首先，在可以運(yùn)行和運(yùn)行良好兩種狀態(tài)之間存在著巨大的差別。其次，CSS 是一個(gè)相當(dāng)容易被混淆的語言。使用的 CSS 越少，工作會(huì)越愉快。沒人想處理兆字節(jié)量的 CSS 代碼。保持樣式表簡短而高效，就不會(huì)有諸多詭異。將接口視為組件的集合來使用往往是非常棒的思維。

組件可以是任意的，前提是遵循以下規(guī)范：

• 可以做一件事，只做一件；
• 在整個(gè)項(xiàng)目中可以重用，具有可復(fù)用性；
• 各自獨(dú)立。

例如，搜索框就應(yīng)該被視為一個(gè)組件，可以在不同位置、不同頁面、多種環(huán)境下重復(fù)使用。它不應(yīng)該受限于 DOM 中的位置（頁腳、側(cè)邊欄、主內(nèi)容區(qū)…）。

幾乎所有的接口都可以被視為小組件，而且強(qiáng)烈建議堅(jiān)持這種模式。這不僅僅會(huì)精簡整個(gè)項(xiàng)目中 CSS 的代碼量，而且也會(huì)比維護(hù)一個(gè)到處無邏輯的爛攤子容易得多。