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

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

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

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

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

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

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

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

　　3、更好的團(tuán)隊(duì)合作

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

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

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

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

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

二、框架的弊端

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

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

　　2、框架中的原有BUG

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

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

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

　　4、臃腫的源代碼

　　在前端框架中，我們一般都會要加載很多依賴很多擴(kuò)展庫才能正常運(yùn)行，這樣的代價是要加載很多文件，減慢了網(wǎng)頁的加載速度，在一定程度上是用戶體驗(yàn)降低?？蚣鼙旧砭陀泻芏嘤貌坏降拇a，顯得很臃腫。

　　5、框架的語義化

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

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

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