幾款高質量經常使用的web前端框架

Web前端框架就是爲了節約開發成本和時間，通常開發一個項目都會用到前端框架（除非本身有前端開發團隊），根據我經驗找的幾款web前端框架作出了分析。都是我的意見，仁者見仁智者見智。

 

QUICK UI

QUICK UI是一套完整的企業級web前端開發解決方案，由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者能夠極大地減小工做量，提升開發效率，快速構建功能強大、美觀、兼容的web應用系統。

 

　　QUICK UI優點：

　　①功能最爲強大

　　QUICKUI經歷了7年的迭代更新，不斷從客戶的各類業務中對組件的需求進行概括和抽離，從而打造新的組件和功能。如今最新的4.0版本框架包含了一百多種組件，一千多個應用場景示例。能夠說在前端框架領域中，QUICKUI擁有功能最強大組件庫。

　　②運行最爲穩定

　　不少其餘的第三方UI控件在簡單場合使用OK，到了複雜的場景中就會出現不少問題，這種現象很常見，由於在組件設計時沒法預料到全部的應用場合。而QUICKUI在7年間經歷了數千個項目實際檢驗，在各類複雜場景都應用過，並根據客戶的反饋不斷完善和調整。目前的第四代能夠說是最穩定、最完美的版本。

　　③豐富精美的界面皮膚

　　跟其餘web前端框架僅僅是一套組件庫不一樣，QUICKUI是一整套前端解決方案，擁有豐富的外觀界面解決方案。採用現今流行的扁平化設計理念，推出了包括登陸、響應式web、工做桌面、地圖類、門戶風格、大屏展現風格等等幾百套製做精美、用戶體驗優秀的界面。這些界面是以QUICKUI皮膚包的形式發佈，使用和更換都很是方便。

　　④事無鉅細的開發文檔

　　QUICKUI擁有16萬字+的開發文檔，框架和組件的每個功能點都有詳細的講解和代碼示例，用於開發過程當中隨時查閱。除了框架機制講解和組件使用教程，文檔還涉及web前端開發的不少知識。仔細閱讀並結合框架使用的話，你很快就能成爲web開發的高手。

　　⑤上手開發很是容易

　　QUICKUI採用組件化思想來構建組件，一個組件就是一兩句html的標籤，使用起來很是簡單。將開發人員從繁瑣的JS編碼中解脫出來，很大程度減小前臺編碼的出錯率；保留了HTML的佈局方式，從而快速進行頁面佈局。對開發者前臺技術要求也很是低，只須要了解html語法和一些簡單的JS便可，從而把更多精力放在業務功能的實現上，極大地提升開發效率。

　　⑥瀏覽器兼容性很是好

QUICKUI4.0使用了不少HTML5，CSS3技術用於提升表現力和用戶體驗，這些新的特性在現代瀏覽器中會有很好的效果。可是，國內依然有大量的用戶在使用IE七、IE8等舊時代的瀏覽器，爲照顧這部分用戶，框架採用了漸進式思想，確保低版本瀏覽器也能正常使用。因此，QUICKUI兼容IE7以上全部主流瀏覽器。

 

　　flex

 

　　Apache基金會今天發佈了Flex4.8版本，這是Adobe將Flex捐獻給Apache基金會後發佈的第一個版本。

　　須要注意的是，Flex目前還在孵化階段，還不是Apache的正式項目，Flex4.8也不是一個正式的Apache版本。

 

　　Apache稱，該版本標誌着Flex新時代的開始，Flex的將來將由社區來驅動，而不是由一個公司驅動。開發者能夠經過貢獻代碼，來幫助改進Flex，如修復bug、增長功能等。

 

　　從Macromedia賣給Adobe，而後又捐給apache，不知道搞什麼名堂。不過還好沒有通過大幅重構，不然就真的是悲哀了！

 

　　extjs

 

　　ExtJS是一種主要用於建立前端用戶界面，是一個基本與後臺技術無關的前端ajax框架。

 

　　功能豐富，無人能出其右。

 

　　不管是界面之美，仍是功能之強，ext的表格控件都高居榜首。

　　華麗的界面，靈活的功能，還有開發工具都是配套的，但有個最大的問題，用就得花錢！

 

　　easyui

 

　　easyui幫助你構建你的web應用更加容易。

 

　　它是一個基於jquery的插件，開發出來的一套輕量級的ui框架，很是小巧並且功能豐富。

　　可是她有一個最大的問題就是代碼只能找到之前的開源的版本，到了1.2之後的版本源代碼都是通過混淆的，若是遇到問題修改起來會很是麻煩！不過一個比較大的優點是開源免費，而且界面作的還說的過去！

 

　　jQueryUI

 

　　jQueryUI是一套jQuery的頁面UI插件，包含不少種經常使用的頁面空間，例如Tabs（如本站首頁右上角部分）、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等很是多的內容。

　　功能很是全面，界面也挺漂亮的，能夠總體使用，也能夠分開使用其中的幾個模塊，免費開源！

 

　　MiniUI

 

　　又一個基於jquery的框架，開發的界面功能都很豐富。

 

　　jQueryMiniUI–快速開發WebUI。

 

　　它能縮短開發時間，減小代碼量，使開發者更專一於業務和服務端，輕鬆實現界面開發，帶來絕佳的用戶體驗。

 

　　使用MiniUI，開發者能夠快速建立Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、佈局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。

 

　　界面作的挺不錯，功能也挺豐富，可是有兩個比較大的問題，一個是收費，一個是沒有源碼，說白了，不開源！基於這個開發若是想對功能作擴展就須要找他們的團隊進行升級！

　　DWZ

　　DWZ富客戶端框架(jQueryRIAframework),是中國人本身開發的基於jQuery實現的AjaxRIA開源框架.

 

　　設計目標是簡單實用,快速開發,下降ajax開發成本。

 

　　歡迎你們提出建議，咱們將在下一版本中進一步調整和完善功能．共同推動國內總體ajax開發水平。

　　畢竟是國產的，支持一下，並且源碼徹底公開，能夠選擇一下！不過性能怎麼樣不敢肯定！

　　YUI

　　Yahoo!UILibrary (YUI)是一個開放源代碼的JavaScript函數庫，爲了能創建一個高互動的網頁，它採用了AJAX,DHTML和DOM等程式碼技術。它也包含了許多CSS資源。使用受權爲 BSD許可證，基本上沒怎麼研究過！

　　YUICompressor卻是挺出名的，這套UI庫不知道應用的狀況怎麼樣！

 

　　Sencha

 

　　Sencha是由ExtJS、jQTouch以及Raphael三個項目合併而成的一個新項目。

 

　　大公司的框架，而且是幾樣庫的強強聯合，值得推薦！

 

　　OperaMasks-UI

 

　　OperaMasks-UI是OperaMasks團隊2011下半年打造的一款輕量級前端JS組件庫，旨在提供一款學習曲線低、定製性靈活、樣式統一，且多瀏覽器支持、覆蓋企業業務場景的前端JavaScriptUI組件庫。目前，該團隊已將這一產品以LGPL開源協議開放給社區。

 

　　文檔豐富，功能齊全，並且很容易使用和開發！並且是國產的喲！

 

　　以上排序是整理時的排序，一塊兒整理分析一下，下次用的時候就不用處處找了，我想一樣的問題應該也存在在不少程序員身上，任何一款UI框架，只要可以容易入手就行。