命名方案:
* BEM:導(dǎo)致又臭又長(zhǎng)的命名
* 原子類:元素還是那個(gè)的class太多
* OOCSS:
* SMACSS:
預(yù)處理:
* sass
* less
* Stylus
后處理:
* clean-css -- 壓縮 CSS
* AutoPrefixer -- 自動(dòng)添加 CSS3 屬性各瀏覽器的前綴
* PostCSS
CSS IN JS:將一些常用的 CSS 屬性封裝成函數(shù),使用 JavaScript 語(yǔ)言寫 CSS 。
CSS modlue:加入了局部作用域和模塊依賴(將組件中的class名字編譯成一個(gè)一個(gè)獨(dú)一無(wú)二的哈希字符串,全局作用域的不改變)
目前來(lái)說(shuō),使用sass+css modlue體驗(yàn)最好。