推荐10款优秀的JavaScript Web UI库框架和套件

在进行Web开发时，并非所有的库都适合你的项目，但真正开发的时候，你任然需要依赖一款UI框架。特别在你时间紧迫的时候，它是你忠实的朋友。他们都是些广泛使用包含不同语言实现的WEB UI框架。今天我就来谈谈这个。

　　下面我就从不同的方面，不同角度和方案列举10款非常优秀的基于JavaScript的Web UI 库。

　　这是一个“轻量级、非常简单、微型、超级模块化”的JavaScript框架，用于创建移动Web应用。该框架如此轻量级的原因是一些与浏览器兼容相关的代码被剥离。

　　该框架由JavaScript库、CSS和图像构成，它是一个重量轻、小型的UI框架，用于开发UI统一的iPhone应用程序。

　　这是一个功能丰富的UI框架，基于YUI 3（部分基于YUI 2）创建，包含了超过60种组件，范围从实用程序到全面的UI部件。控件包括图片廊、对话框、树形视图、面板、自动完成、按钮、日历、工具栏等。

　　该工具仍处于开发状态，但路线图显示了一些非常有前景的特性。它建立在Prototype和Scriptaculous库的基础上，并包含了一些新的特性，如用户消息系统、颜色拾取器、滑块、提示系统、拖动窗口以及提醒/确认/提示窗口系统。

　　这是一个易于使用的JavaScript库，它的UI组件基于Prototype和Scriptaculous库。Prototype UI提供了一些模块，如Carousel、模态窗口、阴影和上下文菜单，这些可以作为一个包来使用，也可以独立使用。

　　该框架建立于jQuery之上，可以用来创建高度交互的Web应用。

　　jQuery Tools是一个轻量级（2.5kb）框架，集合了最流行的UI组件。它为如下jQuery元素提供了库：Tabs（标签）、Tooltip（工具提示）、Scrollable（滚动）、Overlay（叠加）、Forms（表单）和Flashembed等。

　　Dijit是建立于Dojo之上的一个部件系统。如果你是Dojo的初学者，Dijit是一个很好的入门工具。通过Dijit，即使你没有JavaScript经验（或仅有少量经验），你也可以创建令人吃惊的Web 2.0 图形用户界面。

　　JxLib是一个基于MooTools的JavaScript UI框架。它提供了大多数应用程序所需要的基础部件，如按钮、标签、菜单、树和对话框等。JxLib还采用了外观/皮肤选择机制，基于一系列图片和CSS。

　　SigmaVisual使用JavaScript和PHP编写，是一个基于Web、可视化、所见即所得的AJAX UI生成器，包含40多个常见的组件，如标签、对话框、树形网格、时间轴等。

随机推荐

splay训练
1, CF 455D 2, CF 420D 3, CF 414E
富文本编辑器layedit,调用setContent方法会报错
需要把layedit.js里的setContent 函数的 layedit.sync(index)); 改成 this.sync(index));
HDU-3631 Shortest Path （floyd）
Description When YY was a boy and LMY was a girl, they trained for NOI (National Olympiad in Informa ...
Leetcode 82
有个错误就是member access within null pointer of type 'struct ListNode' 其实就是判断了指针是否异常了,比如NULL->next之类.要 ...
ASP.NET MVC 习惯
隔离级别 && SNAPSHOT
read uncommitted | 0 未提交读将查询的隔离级别指定为 0. 可以读脏数据. 读脏数据:一事务对数据进行了增删改,但未提交,有可能回滚,另一事务却读取了未提交的数据. 例: 公 ...
开启turbine收集hystrix指标功能
使用turbine收集hystrix指标 1.pom中引入对turbin的依赖,并增加dashboard图形界面的展示 <dependencies> <dependency> ...
[LeetCode] 41. First Missing Positive ☆☆☆☆☆(第一个丢失的正数)
Given an unsorted integer array, find the smallest missing positive integer. Example 1: Input: [1,2, ...
071——VUE中vuex之使用getters计算每一件购物车中商品的总价
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
linux command curl and sha256sum implement download verification package
example: download_etcher_cli(){ local url="https://github.com/resin-io/etcher/releases/download ...