Web開發(fā)當中，前端視圖層的美化在一定程度上決定著用戶體驗，當一個WEB應用的VIEW層很美觀，那么她有可能會吸引更過的人參觀這個網(wǎng)站，作為一枚攻城獅，一定會知道Twitter上面一個有名Bootstrap,目前這個前端框架很受攻城獅們的青睞，它是為移動而生，響應式布局，為移動設備提供解決方案;它一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言LESS寫成。

　　Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都運用了該項目。國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來、為移動而生。

一、框架的優(yōu)點

　　1、開發(fā)效率的提高。

　　一般框架都封裝了一些常用的JS組件和Web應用組件，只要在布局上添加相應的類名即可實現(xiàn)相應的效果，而且這樣寫有效的控制了各個內(nèi)核瀏覽器的兼容性問題，更便于優(yōu)化代碼，提高代碼的可讀性。提高整個項目的效率，從而使項目的QA得到完善。

　　一般情況下，使用前端框架開發(fā)web應用，整體的效率會提高30%以上，很多時候我們更愿意去花時間去熟悉前端框架的架構(gòu)，語法等;總之前端框架就是為了便捷的開發(fā)應用;

　　2、規(guī)范代碼命名

　　每個框架都有屬于自己的命名規(guī)范，在JS 、CSS上面，她們都獨立于項目之中存在，不存在類名沖突問題，這樣的規(guī)范使項目更加簡潔。在《代碼之美》一書中提到，代碼的美麗在于它的結(jié)構(gòu)上面。有時候，我們看著雜亂無章的代碼就會很壓抑，反之，看到布局、結(jié)構(gòu)好的代碼心情都會變好。在項目當中，無論你做前端還是后端，請養(yǎng)成一個良好的職業(yè)習慣，注釋;

　　3、更好的團隊合作

　　有些公司會將一些稍大的站點的前端代碼分成若干子項目。有過此 類經(jīng)驗的朋友應該對這種開發(fā)方式深感郁悶，要注意公用CSS，還有注 意相互之間的代碼配合。 久而久之，廢棄代碼越來越多，互相之間也難 以閱讀。如果建立好合適的CSS框架，大家可以減少很多不必要的錯誤， 提升產(chǎn)品質(zhì)量和工作效率。有些公司會將一些稍大的站點的前端代碼分 成若干子項目。有過此類經(jīng)驗的朋友應該對這種開發(fā)方式深感郁悶，要 注意公用CSS，還有注意相互之間的代碼配合。 久而久之，廢棄代碼越 來越多，互相之間也難以閱讀。如果建立好合適的CSS框架，大家可以 減少很多不必要的錯誤，提升產(chǎn)品質(zhì)量和工作效率。

　　4、解決瀏覽器的兼容性問題

　　現(xiàn)在大部分項目都要求兼容IE6，7和FF。每個站點可能都會花上一部分時間去處理兼容問題。在框架層面上就將這個問題處理好。就可以為后面的兼容問題節(jié) 省下大部分時間。

　　5、一套完整的、結(jié)構(gòu)清晰的結(jié)構(gòu)代碼

　　CSS框架為你的項目提供一個干凈、嚴謹?shù)幕A架構(gòu)。通過它你可以快速的為你的站點搭建基礎的HTML代碼框架。萬事開頭難，前面的基礎工作做好了。后面 的開發(fā)速度會提高很多。

二、框架的弊端

　　1、需要完全的理解整套框架

　　每個前端框架都有對應的結(jié)構(gòu)和語法，在新同事加入項目時，都需要花一定的時間去完全的理解整套框架及編碼規(guī)范，在這熟悉的過程中，大大增加的項目的開發(fā)周期;

　　2、框架中的原有BUG

　　在框架當中，為了使大眾瀏覽器得到兼容，有些時候?qū)τ谛〉腂UG會留在框架本身當中，在項目開發(fā)時，要修改框架中的錯誤等，這樣也會增加項目的開發(fā)周期，加大成本;

　　3、限制開發(fā)思路

　　前端框架一般都是集合了很多思想在一起的代碼集合，而大部分框架會限制一些開發(fā)者的思路，無法開發(fā)出個性的WEB應用，框架給出大家基本的架構(gòu)及開發(fā)的思路，這可能會限制你對產(chǎn)品開發(fā)的新思路;

　　4、臃腫的源代碼

　　在前端框架中，我們一般都會要加載很多依賴很多擴展庫才能正常運行，這樣的代價是要加載很多文件，減慢了網(wǎng)頁的加載速度，在一定程度上是用戶體驗降低。框架本身就有很多用不到的代碼，顯得很臃腫。

　　5、框架的語義化

　　HTML代碼的語義化?？蚣艿拿總€站點都是獨立存在的，開發(fā)難以去保證CSS框架的語義化，和代碼邏輯的條理性。

　　綜述上面，前端框架有弊也有利，作為開發(fā)者要合理利用這框架優(yōu)勢，講這優(yōu)勢用于在實際開發(fā)項目當中，而對于框架不好的地方也注意防范措施。記得有一次上知乎的時候，看到大家對這個前端框架的運用褒貶不一，我對于框架而言，只要是對項目有利的東西都愿意去嘗試一下。前端框架也會成為開發(fā)者必須接觸的一種技術(shù)，熟悉并利用它為項目帶來快捷、便利。

　　本文由重慶網(wǎng)站建設-中技互聯(lián)：www.tmsmall666.cn