推薦十個擁有豐富 UI 組件的 JavaScript 開發框架

  現在,網上有各類各樣的 JavaScript 框架用來簡化 Web 應用開發。這些框架都提供了一些核心的特性,例如 DOM 操做,動畫,事件處理以及 Ajax 交互,但不是都帶有 UI 組件。今天這篇文章向你們推薦的10個 JavaScript 框架提供了豐富的 Web UI 組件,幫助你構建一致,可靠以及高度交互的漂亮用戶界面。javascript

ExtJS

  ExtJS 是最流行的 JavaScript 框架之一,提供了很是豐富的 UI 組件,包括高性能的數據表格、圖表、選項卡、彈窗、工具條和菜單等等整套的 Web UI 組件,能夠幫助你構建用戶體驗良好的 Web 應用。最新版本是 4.1 支持 MVC 模式的開發。css

 

extjs sample widget

 

Dojo Toolkit

  Dojo 自從誕生那天起就成爲了 ExtJS 的有力競爭者,它最大的優點在於免費,能夠在商業項目中自由使用。Dojo 由 sitepen 建立,其口號是:Unbeatable JavaScript Tools,最新發布的版本是 1.8。html

 

dojotoolkit sample screen

 

Qooxdoo

  Qooxdoo 是一個開源的 JavaScript 框架,讓開發者可以經過面向對象的 JavaScript 開發者使人印象深入的 Web 應用。Qooxdoo 由 1&1 公司維護,在線示例:http://qooxdoo.org/demos前端

 

qooxdoo sample widget

 

Smartclient

  Smartclient 是由 Isomorphic 軟件公司建立的 RIA 框架,提供了很是豐富的 Web UI 組件,可以很好的和服務器端結合。Smartclient 提供了多種使用許可協議:Smartclient 版本對比,功能演示地址:http://www.smartclient.com/#Welcomejava

 

smartclient sample widget

 

ZK Framework

  ZK Framework 由 Potix 公司開發,特別適合 Java 應用程序開發,提供了豐富的 UI 組件。能夠經過提供的插件整合到 Eclipse IDE中。(目前貌似要×××訪問,汗~)jquery

 

zk sample application

 

DHTMLX

  DHTMLX 和 Smartclient  類似,是一個富 JavaScript 框架,提供了整套的 Web UI 組件。DHTMLX 不是徹底免費的,若是須要更豐富的功能的話,須要付費。在線演示:http://www.dhtmlx.com/docs/products/demoApps/css3

 

dhtmlx sample application

 

Wijmo

  Wijmo 是基於 JQuery UI 開發的 UI 組件包,它的主題也能夠經過 Themeroller 定製。和 JQuery UI 不一樣,wijmo 是須要付費的,最新集成了 Knockout 做爲 MVVM 庫。在線演示地址:http://wijmo.com/demos/web

 

wijmo sample grid

 

Vaadin

  Vaadin 是一款使用 Apache V2 許可協議的開源產品,它由位於芬蘭的 IT Mill 公司開發,常應用於 Java 應用和程序開發。 其前身是 IT Mill 公司由 2000 年起開始研發的 Millstone 用戶界面類庫。在線演示地址:https://vaadin.com/demo服務器

 

vaadin sample

 

Echo Web Framework

  Echo 是一個用於開發富 Web 應用的開源框架,提供了很是豐富和很是絢麗的基本組件和擴展組件,使開發者基本不須要開發本身的組件就能很是出色的構建酷炫的客戶端效果。在線演示地址:http://demo.nextapp.com/echo3csjs/app

 

echo web framework

 

jQuery Tools

  最後推薦的這個框架是基於 jQuery 開發的網站界面庫,包含網站最經常使用的Tabs(選項卡)、Tooltip(信息提示)、Overlay(遮罩、彈窗)、Scrollable(滾動控制)、Form Validator(表單驗證)、Rangeinput(範圍選擇)、Dateinput(日期選擇)等衆多功能。想了解詳情可瀏覽這篇文章:《jQuery Tools:Web開發必備的 jQuery UI 庫》。

 

 

您可能還喜歡

 

 

本文連接:推薦10個提供豐富Web UI組件的 JavaScript 框架

編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

謝謝推薦!太棒了!

相關文章
相關標籤/搜索