extjseasyui哪個好的簡單介紹

本文目錄一覽：

• 1、Web前端工程師喜歡的高質量Web前端框架有哪些?
• 2、JQuery-EasyUI與EXTjs有什麼區別？
• 3、後台管理系統，前端框架用什麼最好
• 4、easyui好用嗎？
• 5、easyui和extjs哪個好

Web前端工程師喜歡的高質量Web前端框架有哪些?

今天小編要跟大家分享的文章是關於高質量Web前端框架，相信很多Web前端工程師都會對此感興趣的。Web前端框架就是為了節約開發成本和時間，一般開發一個項目都會用到前端框架(除非自己有前端開發團隊)。今天小編就為大家分享一些高質量的前端框架希望能夠對大家有所幫助。

一、QUICKUI

QUICK

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

QUICKUI優勢：

①功能最為強大

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技術用於提高表現力和用戶體驗，這些新的特性在現代瀏覽器中會有很好的效果。但是，國內依然有大量的用戶在使用IE7、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開發成本。

畢竟是國產的，支持一下，而且源碼完全公開，可以選擇一下!不過性能怎麼樣不敢確定!

八、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框架，只要能夠容易入手就行。

以上就是小編今天為大家分享的關於高質量web前端框架有哪些?的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識的小夥伴們記得關注北大青鳥web培訓官網哦。

作者：qianduankuangjia，來源：CSDN

原文：

JQuery-EasyUI與EXTjs有什麼區別？

一、ExtJS

1、ExtJS可以用來開發RIA也即富客戶端的AJAX應用，是一個用javascript寫的，主要用於創建前端用戶界面，是一個與後台技術無關的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各種開發語言開發的應用中。ExtJs最開始基於YUI技術，由開發人員JackSlocum開發，通過參考JavaSwing等機制來組織可視化組件，無論從UI界面上CSS樣式的應用，到數據解析上的異常處理，都可算是一款不可多得的JavaScript客戶端技術的精品。

2、Ext的UI組件模型和開發理念脫胎、成型於Yahoo組件庫YUI和Java平台上Swing兩者，並為開發者屏蔽了大量跨瀏覽器方面的處理。相對來說，EXT要比開發者直接針對DOM、W3C對象模型開發UI組件輕鬆。

二、JQuery

jQuery是一個兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發布，吸引了來自世界各地的眾多JavaScript高手加入，由Dave Methvin率領團隊進行開發。如今，jQuery已經成為最流行的javascript框架，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。

jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可以使開發者更加便捷，例如操作文檔對象、選擇DOM元素、製作動畫效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者可以很輕鬆的開發出功能強大的靜態或動態網頁。

三、二者對比

1.JQuery-EasyUI是仿照Ext做的。

2.Ext框架是一個整體，面向對象的編程思想，每個控件之間可以相互通訊。

3.JQuery的控件全都是分散的，沒有整體性可言。你可以單獨拿出來一個控件就能用。

4.若要開發系統應用，首選Ext，控件庫豐富，擴展和維護都方便。若是簡單的頁面動畫和效果，首選JQuery

5.jquery只是一個工具庫，比較簡單，相對容易。 Ext是一套真正的ria開發框架，甚至可以實現桌面應用一樣的強大功能。本身代碼質量極高，而且是高度的面向對象設計。jQuery 入門相對容易一些，實際用的過程中要用到各種插件，基本上用一個“學”一個。 ExtJS 入門稍難。

6.大小比較：首先ExtJS是一個完整的Framework,是重量級別的，easy ui 是基於jquery庫的一套UI組件庫，是輕量級的，ExtJS是應用application級的，而jquery是page頁面級的。當然application也是由page組成的，那就需要你自己去完成了，考慮你的需求，和使用框架的初衷，選擇使用哪一種。同時ExtJs由於是重量級框架，完全面向對象風格，提供API非常完備也非常龐大，所以學習成本也想相對較大。

7.兼容性比較：ExtJS兼容IE全系列瀏覽器和其他非IE現代瀏覽器，jquery UI向來不太考慮ie低版本瀏覽器的兼容，從態度上的鄙視。easy UI是基於jquery的，jquery2.X以上的版本不再支持IE6、7、8,，已鄭重聲明，請看官方網站，easyUI最新版本1.3.3使jQuery2.0,由於又很多HTML5特性，不再支持IE6\7\8，低版本由一些小部分的兼容不夠好，請自己做技術選型的時候去測試，要使用那個版本。在兼容問題上，都有瑕疵，主要看接收程度。

8.使用許可license. EXTJS 2.1以上版本，商用需要購買商業授權，jquery UI 使用MIT協議，開源。 jquery easyUI如果商用需遵循license commercial商業許可，也就是要購買使用權。

後台管理系統，前端框架用什麼最好

1、前端js框架太多了，有這麼些是常用的。

jQuery（jQuery UI、jQuery EasyUI、LingerUI等等）

ExtJS（ExtJS、Ext.NET、FineUI）

Bootstrap

2、總體來說，jQuery比較輕量級；ExtJS界面效果比較好，但是比較重；Bootstrap目前比較流行，響應式布局。兼容性方面都還可以，不同的開發庫版本支持不同的瀏覽器版本。

3、bootstrap 並沒有專門的企業級 grid，如果有着方面的需求，那你需要一種企業級的 grid 框架。例如使用 ExtJs或者jQueryUI的 grid。例如使用 ExtJs或者jQueryUI的 grid   —   例如使用 ExtJs或者jQuery EasyUI的 grid

4、基於 javascript的前端軟件（這應該在傳統的bs概念中單獨“正名”出來，以免跟傳統的asp.net企業應用搞混了）與cs的區別並不是在於“卡、卡”上。其實這時候並不卡，而且美工調整其css也非常方便。

5、如果說cs與這類前端軟件的區別，最重要的還是cs可利用的資源很多。例如高效率的長連接通訊資源、GPU資源、成百上千UI組件組員、成千上萬現成的複雜樣式、直接訪問本地設備、操作系統api等等。

6、如果糾結於很簡單的原因，也許5年前我會認為js富客戶端應用還不太行，但是現在，我認為可以考慮取代cs應用中80%以上的部分了。實際上，現在的好的js前端也總是“複合的”，也就是可以調用各種瀏覽器插件去使用native的程序，所以混合結構的js富客戶端程序具有了相當程度的cs的性能特點，而其在跨平台（mac、iOS、linux、Android、windows全平台、等等平台）上的能力是一直在提升着的。

easyui好用嗎？

很好用,現在國內很多web端應用都是用easyui,網上也很多問題貼子,遇到問題還是可以很快找到答案!EasyUI是基於JQuery的一個前台ui界面的插件，功能相對沒extjs強大，但頁面也是相當好看的，同時頁面支持各種themes以滿足使用者對於頁面不同風格的喜好。一些功能也足夠開發者使用，相對於extjs更輕量。

jQuery EasyUI有以下特點：

1、基於jquery用戶界面插件的集合

2、為一些當前用於交互的js應用提供必要的功能

3、EasyUI支持兩種渲染方式分別為javascript方式（如：$(‘#p’).panel({…})）和html標記方式（如：class=”easyui-panel”）

4、支持HTML5（通過data-options屬性）

5、開發產品時可節省時間和資源

6、簡單，但很強大

7、支持擴展，可根據自己的需求擴展控件

8、目前各項不足正以版本遞增的方式不斷完善

easyui和extjs哪個好

作為ExtJs和EasyUI都用得很熟練的一個老資格程序員，我發表一下我的看法。

首先兩個框架的組件都很豐富，商業應用都要收費。ExtJS的動態性和擴展性更好，從使用效果看，easyui的組件相對體驗更好一點。

ExtJS

優點：1.完全開源，我說的開源的意思並不是說不收費。

2.我非常讚賞它的架構設計，完全的面向對象的組件化設計。所有的組件都是從一些基礎的組件派生出來的，並且提供了overide,extend等擴展方式，可以說能夠任意擴展。可能一些半桶水的人覺得ExtJS很難用，那是因為他們只懂皮毛。

3.ExtJS的文檔和實例做得比EasyUI要好得多，基礎比較好的開發人員只用看官方的文檔、demo、適當參考源碼就能夠完成任何工作，遇到問題完全不用去百度或論壇問其他人。

4.可以完全動態開發,代碼都寫在JS文件里，不像ExtJS那樣非得在頁面放一個DOM元素。所以可以自己定製組件在任意頁面引用，復用性好。

缺點：1.可能太多人用，造成審美疲勞，反正我看膩了它的界面，自己定製界面主題有太難。

2.可能因為它太龐大，不像easyUI那樣基於頁面已有的HTML

DOM渲染，所以一般人覺得比較難(但是話有說會來，如果使用者的水平高的話，這其實也是也是它的優點。因為你要是在同一個界面點擊不同按鈕要動態顯示各種各樣不同的window、form等等的話，只要把這些JS引用到當前頁面就可以吧，見上述優點4）。

easyui

優點：

1.在頁面的DOM元素加一些屬性然後加幾行JS就可以動態構造出相應的組件。開發方式相對ExtJS直觀和簡潔一些。

2.組件相對體驗更好一點，界面好像跟乾淨簡潔。

缺點：1.半開源，對於一個高手來說看不到源代碼是很痛苦的，事，因為他們總有這樣那樣的擴展需求。

2.一定要在頁面上放置相應的DOM元素才能渲染（如果不對dom元素設置隱藏的話，在頁面沒有渲染過程中會顯示一堆亂七八糟的東西）所以無法自己定製組件在其他頁面引用，要復用的話得搬磚一樣把JS和DOM都複製過來，遇到非常複雜的頁面那是相當雜亂和痛苦的。