近幾天在編寫頁面继薛，自己感覺編碼效率低下遏考，正所謂窮則思變，當(dāng)意識(shí)到問題必須得以解決時(shí)诈皿，往往就邁出了解決問題的第一步。
自己在編寫頁面主要遇到的問題如下：頁面結(jié)構(gòu)更改頻繁壶冒，CSS樣式復(fù)用少且維護(hù)困難截歉。大項(xiàng)目遇到難以維護(hù)等問題倒是情有可原，但這只是一個(gè)小項(xiàng)目咸作，出現(xiàn)這種問題只能是因?yàn)槲业木幋a姿勢不對(duì)宵睦，某些地方存在自己沒意識(shí)的問題。
編寫CSS樣式的時(shí)候壳嚎，為了避免類命名的沖突、樣式覆蓋的問題说庭，我在一定程度上借鑒了BEM的編寫規(guī)范郑趁，不過對(duì)提高自己的編碼效率作用不大。使用網(wǎng)絡(luò)搜索相關(guān)主題捆憎，結(jié)合自己的實(shí)際情況，該問題又細(xì)分為幾個(gè)小問題攻礼，如下：1栗柒、CSS類命名瞬沦，2、CSS樣式復(fù)用逛钻，3、易讀可維護(hù)芳悲。
解決方案如下：
1边坤、在前端開發(fā)組件化、模塊化的基礎(chǔ)上使用BEM編碼規(guī)范的命名方法茧痒，部分借鑒SMACSS的命名方法旺订。
2、借鑒DRY的思想区拳，利用CSS預(yù)編譯語言中的變量、混入院究、拓展等特性實(shí)現(xiàn)樣式的復(fù)用本涕，費(fèi)類名的復(fù)用。
3样漆、注重項(xiàng)目結(jié)構(gòu)的優(yōu)化晦闰。
