同學(xué)您好，web前端總共有11個(gè)框架，因?yàn)?strong>web前端框架可以很大程度的節(jié)約開發(fā)的成本和時(shí)間，所以web前端框架很多企業(yè)都會(huì)選擇，常用的Web前端開發(fā)框架如下：

　　1、Bootstrap

　　Bootstrap流行的CSS框架，它是早的Web前端框架，Bootstrap提供了許多實(shí)例來幫助入門。使用Bootstrap可以將不同的組件和布局組合在一起，從而創(chuàng)建有趣的頁(yè)面設(shè)計(jì)，還提供了大量詳細(xì)的文檔。

　　2、QUICK UI

　　QUICK UI一套完整的企業(yè)級(jí)web前端開發(fā)解決方案，由基礎(chǔ)框架、UI組件庫(kù)、皮膚包、示例工程和文檔等組成。使用QUICKUI開發(fā)者可以極大地減少工作量提高開發(fā)效率，快速構(gòu)建功能強(qiáng)大、美觀、兼容的web應(yīng)用系統(tǒng)。

　　3、MDC Web

　　Material Components for the web(MDC Web)，谷歌為Web設(shè)計(jì)的全新前端框架。MDC Web幫助開發(fā)人員執(zhí)行Material Design，組件由谷歌的核心工程師團(tuán)隊(duì)和UX設(shè)計(jì)人員開發(fā)。這些組件可以建立可靠的開發(fā)工作流程以構(gòu)建美觀且功能強(qiáng)大的Web項(xiàng)目。

　　4、Pure

　　Bootstrap，Patternfly和MDC Web功能非常強(qiáng)大的CSS框架，但非常繁瑣復(fù)雜。如想要一個(gè)輕量級(jí)的CSS框架建議嘗試Pure.css，本身接近于CSS編程，但又可以幫助構(gòu)建一個(gè)不錯(cuò)的網(wǎng)頁(yè)。Pure是具有小占用空間的輕量級(jí)CSS框架由Yahoo開發(fā)根據(jù)BSD許可是開源。

　　5、Foundation

　　Foundation聲稱是世界上的響應(yīng)式前端框架。它提供了用于構(gòu)建專業(yè)網(wǎng)站的功能和教程。許多公司，組織都使用該框架，并且該框架具有大量可用的文檔。

　　6、Bulma

　　Bulma基于Flexbox的開源框架可根據(jù)MIT許可證開源。一個(gè)非常輕量級(jí)的框架，只需要一個(gè)CSS文件。Bulma擁有簡(jiǎn)潔明了的文檔可輕松選擇想要的主題。還具有許多Web組件可以在設(shè)計(jì)中使用它們。

　　7、Skeleton

　　輕量級(jí)框架Skeleton。Skeleton庫(kù)只有大約400行，且該框架僅提供一些基本的CSS框架組件。Skeleton還是提供了詳細(xì)的文檔來幫助快速上手。

　　8、Materialize

　　Materialize 是一個(gè)基于 Material Design風(fēng)格的一個(gè)現(xiàn)代化的響應(yīng)式前端框架，解決了繁重的工作，結(jié)合的自定義組件為提供默認(rèn)的樣式。Materialize的文檔頁(yè)面非常很容易遵循。其組件頁(yè)面包括按鈕，卡片，導(dǎo)航等。

　　9、Bootflat

　　Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比Bootflat簡(jiǎn)單加輕量級(jí)。大部分都是圖像沒有太多的文字。

　　10、PatternFly

　　PatternFly是Red Hat的開源CSS框架，和Bootstrap不同的是Bootstrap是為那些想要?jiǎng)?chuàng)建漂亮網(wǎng)站的人而設(shè)計(jì)，而PatternFly主要專注于企業(yè)應(yīng)用程序開發(fā)人員提供諸如條形圖、圖表、導(dǎo)航之類的組件，實(shí)際上Red Hat就是使用它創(chuàng)建了OpenShift。除了靜態(tài)HTML，PatternFly還支持ReactJS框架，這是Facebook開發(fā)的流行JavaScript框架。PatternFly具有許多適用于企業(yè)級(jí)應(yīng)用程序的組件，如條形圖，圖表，模式和布局。

　　11、flex

　　Flex目前還在孵化階段，還不是Apache的正式項(xiàng)目，F(xiàn)lex4.8也不是一個(gè)正式的Apache版本。該版本標(biāo)志著Flex新時(shí)代的開始，F(xiàn)lex的未來將由社區(qū)來驅(qū)動(dòng)而不是由一個(gè)公司驅(qū)動(dòng)。開發(fā)者可以通過貢獻(xiàn)代碼來幫助改進(jìn)Flex，如修復(fù)bug、增加功能等。

　　更多關(guān)于web前端培訓(xùn)的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。