CSS架構的利與弊

前端時間寫了一篇《利用CSS架構進行高效率的網站開發》，有不少朋友問我相關的問題。很早5key就在公司進行CSS架構的架構，也對不少朋友提出CSS架構的建議。效果是很明顯的。當然，CSS架構有利也有弊，最近也看了一些相關的文章。一些感想，與大家分享。

　　CSS架構之利：

　　1、開發效率的提高。
　　如果你是一個企業建站的前端開發，相信在大部分時間裡進行著同類網站的代碼工作。定義好的架構可以大大提高你的工作效率，避免一些常見的錯誤。如果你的工作是按件計費的，你的報酬一定會比別人多。

　　2、規範代碼命名。
　　在多個網站中你可能會用到一些同樣的CLASS或ID。如果你有一套完善的css架構，很快你就能對你的每一個網站的代碼進行通讀。不用浪費時間在代碼的閱讀上。

　　3、更好的團隊合作
　　有些公司會將一些稍大的網站的前端代碼分成若干子項目。有過此類經驗的朋友應該對這種開發方式深感鬱悶，要注意公用css，還有注意相互之間的代碼配合。久而久之，廢棄代碼越來越多，互相之間也難以閱讀。如果建立好合適的CSS架構，大家可以減少很多不必要的錯誤，提升產品品質和工作效率。

　　4、解決瀏覽器的相容性問題
　　現在大部分項目都要求相容IE6，7和FF。每個網站可能都會花上一部分時間去處理相容問題。在架構層面上就將這個問題處理好。就可以為後面的相容問題節省下大部分時間。

　　5、一套完整的、結構清晰的結構代碼。
　　CSS架構為你的項目提供一個乾淨、嚴謹的基礎架構。通過它你可以快速的為你的網站搭建基礎的html代碼架構。萬事開頭難，前面的基礎工作做好了。後面的開發速度會提高很多。

　　CSS架構為你的項目提供一個乾淨、嚴謹的基礎架構。通過它你可以快速的為你的網站搭建基礎的html代碼架構。萬事開頭難，前面的基礎工作做好了。後面的開發速度會提高很多。

　　CSS架構之弊：

　　1、你需要完全的理解整套架構
　　每一個加入項目的人，都需要花一定的時間去完全的理解整套架構及編碼規範；

　　2、你會延續一些架構中的錯誤bug
　　沒人可以保證自己制定的架構是完美而沒有bug的。你可能會需要時間去清理架構中的bug；

　　3、限制開發思路
　　架構給出大家基本的架構及開發的思路，這可能會限制你對產品開發的新思路；

　　4、臃腫的原始碼
　　架構中可能有很大一部分代碼不會經常用到，而且還會降低執行效率；

　　5、架構的語義化
　　我們已經注意到了HTML代碼的語義化。但基於架構的每個網站都是獨立唯一的，我們很難去保證CSS架構的語義化。

更多相關文章請關注topic.alibabacloud.com（www.php.cn）！

