御麗詩妃.如下內容來源於網絡，著做權歸屬原做者。前端
前端工程師寫CSS的通病，你中了幾條？內附解決方案
1.CSS簡單說明
對於Web的初學者來講，網站不外乎就是HTML和CSS，JS三大板塊組合而成，HTML主要是用來負責網絡的結構，CSS則是對樣式的設計，JS則是交互效果的核心，這篇文章主要講一下CSS相關的內容，由於CSS自己學習就相對來講比較簡單，可是若是若是很容易那就大錯特錯，入門快，想要精通卻很是不易，花時間作項目提高很是重要。git
咱們簡單從概念上來講，CSS屬於層疊樣式表，主要用在網頁排版設計和裝修效果，讓網頁看起來美觀漂亮，對於剛入行的初學者來講，會使用是不難的，可是若是要用的熟練精通，那可並不容易，下面我就說一下常見的通病吧，幫你們排排雷。github
2.常見通病
佈局不清晰，製做結構混亂，HTML和CSS樣式過多bootstrap
若是對常見板塊的設計思路有問題，就會致使作出的效果一致，可是CSS樣式和HTML代碼標籤相對來講比較麻煩，初學者經常會用30行代碼來完成10行代碼就能夠完成的事情。網絡
代碼的規範前端工程師
初學者寫出的代碼每每只有本身看的懂，讓別人來看，可能就是一種煎熬，甚至只能看懂一部分，寫代碼是一種藝術，寫得好叫大神，寫的差，也太爲難看的人了。做爲一個合格的IT從業者，代碼應該同出一門，讓全部的同行都應該看的懂，若是你寫的代碼很難辨認，在後期的維護中就會產生很是大的時間浪費。框架
命名問題也是常見的問題之一，什麼代碼風格，不寫註釋都要改進。首先，命名問題是最大的問題，英文+數字是不少小夥伴喜歡使用的，儘可能不要用太奇葩的命名方法，這樣就顯得很是不專業。佈局
還有就是代碼風格的差別，本身寫的代碼，本身辨認都須要好久，以致於以後再進行維護的時候悔不當初，因此代碼必定要注重規範。性能
選擇器使用不當學習
選擇器的問題就有不少種類了，各類樣式那是百花齊放，只有你想不到，沒有天馬行空的新人作不到，層級之深，樣式之複雜，看的你直掉頭髮。
屬性的認識不夠深入
真正麻煩的時候開始了，因爲初學者的項目實操豐富度不是很高，因此對常見屬性的使用也並非很是的完美，對CSS的使用會有知識點的盲區，寫出來的效果就會差強人意。可用性不高，性能也許也比較低下。
不理解CSS組件開發
最後重點說一下製做效果不能夠重複的問題，對於經驗比較少的朋友來講，僅僅看到當前的直觀樣式是不清楚的，一個網站的總體結構，作出來的效果，樣式的複寫率就會比較高，沒法對總體的結構和樣式有一個徹底的認知，在複寫樣式的過程當中花費較多的時間，看起來是知足當前板塊的需求，實則很是影響總體網頁的性能。
3.解決方案
學會使用開發手冊
學會用API開發手冊是很是重要的，當對於屬性的認知並不深入的時候，多多查詢是很是有好處的， 能夠說是前端開發的寶典了。
多解讀前端經典UI框架源碼
多在網上學習經典UI框架，好比bootstrap layUI等等，學習樣式寫法，代碼的編寫風格，命名的格式。
多參與商業級網站實戰或仿站
這個的目的在於讓初學者多參與同類型或不一樣類型的設計，多參考學習寫法和製做思路，加快學習腳步，儘早作到提高。
Github開源項目
最後能夠給你們分享一個比較好用的github，相似的這個平臺也很是多，這些個代碼倉庫是一個不錯的學習平臺，多多學習，多多提高，對新手的幫助很是大。