從16年數(shù)據(jù)統(tǒng)計就有20幾款UI框架出現(xiàn)在市面上，至今為止能統(tǒng)計的框架應該有40款左右了。前端框架都是基于HMTL5、CSS、JS開發(fā)的，這里主要給大家聊一下CSS UI開源框架?有哪些？以后工作中選擇的時候能夠清楚知道哪一款適合自己的項目。
Bootstrap– 常用的Web前端UI框架
Bootstrap是由twitter推出的Web前端UI框架?，它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā),是一個CSS/HTML框架?。它使用了最新的瀏覽器技術(shù)，Bootstrap提供了時尚的排版樣式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。
jQuery UI Bootstrap
它是jQuery UI和Bootstrap的集成，它是Bootstrap樣式的，因此外觀比較漂亮，同時它擁有jQuery UI的控件功能，這也方便開發(fā)者快速地創(chuàng)建一個網(wǎng)頁控件。
BootMetro - Metro風格的CSS框架
BootMetro是一款基于Bootstrap的前端UI框架，BootMetro的特點是可以很方便地構(gòu)建類似Windonws 8扁平化風格的網(wǎng)頁界面，效果非常不錯。
jQuery UI -基于jQuery的開源Javascript框架
jQuery UI是一款基于jQuery的開源Javascript框架，jQuery UI框架主要提供了用戶交互、動畫、特效和可更換主題的可視控件，讓開發(fā)者可以更方便地實現(xiàn)網(wǎng)頁交互界面，jQuery UI的整個框架比較龐大，但你也可以根據(jù)自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設(shè)計非常漂亮，值得一試。
QUICK UI -基于jQuery開發(fā)的UI框架
QUICK UI是一套完整的企業(yè)級web前端開發(fā)解決方案，由基礎(chǔ)框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發(fā)者可以極大地減少工作量，提高開發(fā)效率，快速構(gòu)建功能強大、美觀、兼容的web應用系統(tǒng)。
QUICK UI優(yōu)勢：
①功能最為強大
QUICKUI經(jīng)歷了7年的迭代更新，不斷從客戶的各種業(yè)務(wù)中對組件的需求進行歸納和抽離，從而打造新的組件和功能。現(xiàn)在最新的4.0版本框架包含了一百多種組件，一千多個應用場景示例。可以說在前端框架領(lǐng)域中，QUICKUI擁有功能最強大組件庫。
②運行最為穩(wěn)定
很多其他的第三方UI控件在簡單場合使用OK，到了復雜的場景中就會出現(xiàn)很多問題，這種現(xiàn)象很常見，因為在組件設(shè)計時無法預料到所有的應用場合。而QUICKUI在7年間經(jīng)歷了數(shù)千個項目實際檢驗，在各種復雜場景都應用過，并根據(jù)客戶的反饋不斷完善和調(diào)整。目前的第四代可以說是最穩(wěn)定、最完美的版本。
③豐富精美的界面皮膚
跟其他web前端框架僅僅是一套組件庫不同，QUICKUI是一整套前端解決方案，擁有豐富的外觀界面解決方案。采用現(xiàn)今流行的扁平化設(shè)計理念，推出了包括登錄、響應式web、工作桌面、地圖類、門戶風格、大屏展示風格等等幾百套制作精美、用戶體驗優(yōu)秀的界面。這些界面是以QUICKUI皮膚包的形式發(fā)布，使用和更換都非常方便。
④事無巨細的開發(fā)文檔
QUICKUI擁有16萬字+的開發(fā)文檔，框架和組件的每一個功能點都有詳細的講解和代碼示例，用于開發(fā)過程中隨時查閱。除了框架機制講解和組件使用教程，文檔還涉及web前端開發(fā)的很多知識。仔細閱讀并結(jié)合框架使用的話，你很快就能成為web開發(fā)的高手。
⑤上手開發(fā)非常容易
QUICKUI采用組件化思想來構(gòu)建組件，一個組件就是一兩句html的標簽，使用起來非常簡單。將開發(fā)人員從繁瑣的JS編碼中解脫出來，很大程度減少前臺編碼的出錯率；保留了HTML的布局方式，從而快速進行頁面布局。對開發(fā)者前臺技術(shù)要求也非常低，只需要了解html語法和一些簡單的JS即可，從而把更多精力放在業(yè)務(wù)功能的實現(xiàn)上，極大地提高開發(fā)效率。
⑥瀏覽器兼容性非常好
QUICKUI4.0使用了很多HTML5，CSS3技術(shù)用于提高表現(xiàn)力和用戶體驗，這些新的特性在現(xiàn)代瀏覽器中會有很好的效果。但是，國內(nèi)依然有大量的用戶在使用IE7、IE8等舊時代的瀏覽器，為照顧這部分用戶，框架采用了漸進式思想，確保低版本瀏覽器也能正常使用。所以，QUICKUI兼容IE7以上所有主流瀏覽器。
現(xiàn)在前端開發(fā)技術(shù)越來越成熟，用到的UI框架都是不錯的，因為WEB頁面不僅需要人性化的設(shè)計理念，還需要各種特效和用戶體驗，考慮到這幾點，在選擇用UI框架的時候就得做出決定，哪一款能夠?qū)崿F(xiàn)更好的界面效果。
