十個擁有豐富UI元件的JavaScript框架

lhb25發表於2012-09-27

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

ExtJS

  ExtJS 是最流行的 JavaScript 框架之一,提供了非常豐富的 UI 元件,包括高效能的資料表格、圖表、選項卡、彈窗、工具條和選單等等整套的 Web UI 元件,可以幫助你構建使用者體驗良好的 Web 應用。最新版本是 4.1 支援 MVC 模式的開發。

extjs sample widget

Dojo Toolkit

  Dojo 自從誕生那天起就成為了 ExtJS 的有力競爭者,它最大的優勢在於免費,可以在商業專案中自由使用。Dojo 由 sitepen 建立,其口號是:Unbeatable JavaScript Tools,最新發布的版本是 1.8。

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/#Welcome

smartclient sample widget

ZK Framework

  ZK Framework 由 Potix 公司開發,特別適合 Java 應用程式開發,提供了豐富的 UI 元件。可以通過提供的外掛整合到 Eclipse IDE中。(目前貌似要翻牆訪問,汗~)

zk sample application

DHTMLX

  DHTMLX 和 Smartclient  相似,是一個富 JavaScript 框架,提供了整套的 Web UI 元件。DHTMLX 不是完全免費的,如果需要更豐富的功能的話,需要付費。線上演示:http://www.dhtmlx.com/docs/products/demoApps/

dhtmlx sample application

Wijmo

  Wijmo 是基於 JQuery UI 開發的 UI 元件包,它的主題也可以通過 Themeroller 定製。和 JQuery UI 不同,wijmo 是需要付費的,最新整合了 Knockout 作為 MVVM 庫。線上演示地址:http://wijmo.com/demos/

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/

echo web framework

jQuery Tools

  最後推薦的這個框架是基於 jQuery 開發的網站介面庫,包含網站最常用的Tabs(選項卡)、Tooltip(資訊提示)、Overlay(遮罩、彈窗)、Scrollable(滾動控制)、Form Validator(表單驗證)、Rangeinput(範圍選擇)、Dateinput(日期選擇)等眾多功能。

相關文章