>웹 프론트엔드 >JS 튜토리얼 >15 JavaScript 웹 UI 라이브러리_javascript 팁

15 JavaScript 웹 UI 라이브러리_javascript 팁

WBOY
WBOY원래의
2016-05-16 18:26:441066검색

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。

LivePipe

LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab, 窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。

LivePipe 首页与下载
LivePipe 演示与示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

UKI

UKI 是一套简单的 JavaScript UI 工具集,用于快速创建桌面风格的 Web 应用。包含的控件从滑动条,到分栏视图,不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手,非常简洁,无需安装框架,不依赖 CSS 引用。

UKI 主页与下载
UKI 控件,演示,示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

MochaUI

MochaUIMooTools Javascript 框架 与 ExplorerCanvas 的一个备受欢迎的扩展,可以用来快速创建 Web 应用,Web 桌面,网站,饰件,独立 Windows,Modal 对话框等等。

MochaUI 主页与下载
MochaUI 控件,演示,示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

Sigma Ajax UI Builder

SigmaVisual 是一套基于 Web 的,所见即所得的 AJAX UI 创建工具,包含超过40个不见,如 Tab,对话框,树形图,时间线等,基于 JavaScript 和 PHP。

Sigma Ajax UI Builder 主页和下载
Sigma Ajax UI Builder 控件,演示和示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

JxLib based MooTools

JxLib 是一个基于 MooTools 的 JavaScript UI 框架,包含多数 Web 程序都需要的基本空间,如按钮,Tab,菜单,树形结构,对话框等等。JxLib 还支持换肤功能。

JxLib 主页与下载
JxLib 控件,演示与示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

Dijit – The Dojo Toolkit

Dijit 基于 Dojo,也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种,甚至支持不同语种的文字书写方向以及本地化数字,日期等等。

Dijit 主页,下载
Dijit 控件,演示,示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

jQuery TOOLS

jQuery Tools 是一个非常轻量(2.5kb)的常用 UI 库,支持以下 jQuery 对象,Tabs, 工具提示,滚动条,层,表单以及 Flash 嵌套。

jQuery TOOLS 主页与下载
jQuery TOOLS 控件,演示,示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

jQuery UI

jQuery UI 基于 jQuery,包含 3 个大类,饰件,一些内置的 UI 对象;效果,对各种网页对象施加动画效果(如爆炸效果);鼠标交互,如拖放操作。

jQuery UI 首页与下载
jQuery UI 控件,演示与示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

Prototype UI

Prototype UI 基于 PrototypeScript.aculo.us,包括多个模块(旋转木马,Modal 窗口,阴影,右键菜单等),每个模块可以单独安装使用。

Prototype UI 主页与下载
Prototype UI 控件,演示与示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

Jitsu

Jitsu 功能包括 XML 标记,页面编译,动画引擎,Ajax 以及运行时检测等等,它的 Ajax 功能使消费级 Web 应用的创建变得非常简单,支持客户端数据绑定,还可以将页面编译成 JavaScript,Jitsu 在 Firefox 和 IE 中运行最佳。

Jitsu 主页与下载
Jitsu 控件,演示与示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

Qutensil

Qutensil 仍在开发中,但其路线图已经显示出某些引人注目的东西,基于 PrototypeScriptaculous ,包含消息,调色板,滑动条,工具提示,可拖放窗口以及警告,确认,提示等窗口。

Qutensil 主页,下载
Qutensil 控件,演示,示例

15 JavaScript 웹 UI 라이브러리_javascript 팁

 

Script.aculo.us

script.aculo.us 是一个备受欢迎的 UI 工具集,基于 Prototype 框架,提供了诸如视觉效果,UI 控件以及面向 DOM 的工具。

Script.aculo.us 首页与下载

15 JavaScript 웹 UI 라이브러리_javascript 팁

합금 UI

AlloyUI는 YUI 3을 기반으로 하고 부분적으로는 YUI 2를 기반으로 하는 풍부한 기능의 UI 프레임워크입니다. 여기에는 사진 갤러리, 대화 상자, 대화 상자, 및 트리 구조, 패널, 자동 완성, 버튼, 달력 컨트롤, 도구 모음 등.

합금 UI 홈 및 다운로드
합금 UI 컨트롤, 데모 및 예

15 JavaScript 웹 UI 라이브러리_javascript 팁

iUI: iPhone UI 프레임워크

15 JavaScript 웹 UI 라이브러리_javascript 팁

IUI에는 JavaScript 라이브러리, CSS 스타일 시트 및 이미지 세트가 포함되어 있습니다. iPhone 스타일 탐색 메뉴, 장치 방향, iPhone 스타일 전환 및 기타 기능을 포함하는 경량 iPhone UI 라이브러리입니다. 웹 애플리케이션에 사용하면 iPhone과 같은 경험을 선사할 수 있습니다.

iUI 홈 페이지 및 다운로드

쉬이

15 JavaScript 웹 UI 라이브러리_javascript 팁

XUI는 모바일 웹 애플리케이션을 위한 가볍고 미니멀하며 고도로 모듈화된 프레임워크입니다. 매우 가벼운 이유는 모든 브라우저 간 지원 코드가 제거된 모바일 브라우저만 지원하기 때문입니다. Webkit, Fennec 및 Opera와 같은 1차 모바일 웹 브라우저를 대상으로 하며 향후 모바일 IE 및 BlackBerry에 대한 지원을 제공할 계획입니다.

XUI 홈페이지, 다운로드

YUI 라이브러리

15 JavaScript 웹 UI 라이브러리_javascript 팁

Yahoo! YUI Library는 모든 웹 UI의 아버지라고 할 수 있습니다. 이제 버전 3으로 발전했습니다. 매우 대규모의 개발 팀을 보유하고 있으며 기능 측면에서 타의 추종을 불허하는 매우 풍부한 기능 세트를 출시했습니다.

YUI 라이브러리 홈페이지 및 다운로드
YUI2 시작하기
시작하기 YUI3 사용
YUI3 컨트롤, 데모 및 예제

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.