博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
推荐10款优秀的JavaScript Web UI库 框架和套件
阅读量:6326 次
发布时间:2019-06-22

本文共 1206 字,大约阅读时间需要 4 分钟。

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

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

  

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

XUI-JavaScript-Micro-Framework

  

  

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

iUI-iPhone-User-Interface-Framework

  

  

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

AlloyUI

  

  

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

Qutensil-JavaScript-Toolset

  

  

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

Prototype-UI

  

  

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

jQuery-UI

  

  

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

jQuery-TOOLS

  

  

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

dojo_dijit

   +

  

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

JxLib-based-MooTools

  

  

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

Sigma-Ajax-UI-Builder

   +

  英文原文:     by 

出处:

转载地址:http://pbvaa.baihongyu.com/

你可能感兴趣的文章
6.1 压缩打包介绍 6.2 gzip压缩工具 6.3 bzip2压缩工具 6.4 xz压缩工具
查看>>
LAMP环境搭建(centos6.9+apache2.4+mysql5.7+php7.1)
查看>>
[Linux学习笔记] Linux常用命令 - 权限管理命令
查看>>
SpringBoot-Spring Data Jpa使用(一)
查看>>
CentOS5 MySQL优化
查看>>
在Codeigniter框架中使用NuSOAP
查看>>
java IO
查看>>
在Struts中用超链接提交表单
查看>>
android studio git 学习笔记
查看>>
python 字符串逆序输出
查看>>
Hyper-V在windows2008 R2中的部署及使用
查看>>
从http请求的Body中获取参数
查看>>
Android Studio 中 gradle 构建 堆栈空间不足
查看>>
如何使用SonarQube Scanner扫描器对代码进行扫描
查看>>
ARC
查看>>
设计模式 - 行为型 - 责任链模式
查看>>
我的友情链接
查看>>
Lesson1 - Vmware 概述
查看>>
Mysql索引的理解和正确使用
查看>>
Vuejs2.0学习笔记-自定义指令
查看>>