`
yong7181000
  • 浏览: 31095 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

国内外最全面和主流的JS框架与WEBUI库

阅读更多

当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库。

本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY。当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定!

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

LivePipe

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

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

UKI

 

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

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

MochaUI

 

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

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

Sigma Ajax UI Builder

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

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

 

JxLib based MooTools

 

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

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

 

Dijit – The Dojo Toolkit

 

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

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

 

jQuery TOOLS

 

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

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

 

jQuery UI

 

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

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

 

Prototype UI

 

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

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

 

Jitsu

 

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

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

 

Qutensil

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

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

 

Script.aculo.us

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

Script.aculo.us 首页与下载

Alloy UI

AlloyUI 是一套功能丰富的 UI 框架,基于 YUI 3,部分基于 YUI 2,包含一套丰富的(超过60)UI 部件,如图片库,对话框,树形结构,面板,自动完成,按钮,日历控件,工具条等。

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

 

iUI: iPhone UI 框架

IUI 包含一套 JavaScript 库,CSS 式样表及图片,是一个轻量级 iPhone UI 库,包含 iPhone 风格导航菜单,设备方向,iPhone 风格切换等功能,可以为你的 Web 程序带来 iPhone 般的体验。

iUI 主页与下载

XUI

XUI 是一个用于移动 Web 应用的轻量,极简,高度模块化的框架。它之所以非常轻量的原因是,它只支持移动浏览器,所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器,如 Webkit,Fennec 以及 Opera,并有意将来对移动 IE 和黑莓提供支持。

XUI 首页,下载

Yahoo! YUI Library

Yahoo! YUI Library 可谓所有 Web UI 之父,可靠,功能丰富,目前已经发展到第 3 版。它拥有一个很庞大的开发团队,推出了非常丰富的功能,就功能而言,无可匹敌。

 

转自:http://www.examw.com/sheji/JavaScript/104521/

分享到:
评论

相关推荐

    WEBUI支持库

    "WEBUI支持库"是一个专为Web用户界面(WEBUI)设计和开发提供辅助功能的软件库。这个库通常包含了各种组件、工具和框架,帮助开发者更高效地创建交互式的网页应用。它能够提高开发效率,减少代码重复,并提供统一的...

    WebUI4Angular

    2. `index_demo.js`:可能包含与示例页面相关的JavaScript代码,展示了如何与Angular框架交互并利用WebUI4Angular的功能。 3. `google-code-prettify`:这是一个代码高亮显示库,用于美化示例代码的展示,便于阅读和...

    webUI 4.27版本的插件

    总的来说,WebUI 4.27版本的插件为UE4开发者带来了一种强大的工具,用于构建与现代Web技术紧密结合的用户界面,提升了游戏的互动性和用户体验。通过充分利用这个插件,开发者可以创造更具吸引力和沉浸感的游戏世界。...

    易语言学习-WEBUI支持库1.1静态库.zip

    1. **Web界面编程**:WEBUI支持库提供了与Web交互的能力,包括发送HTTP请求、解析HTML页面、处理JavaScript等,使得易语言程序可以与网页进行数据交换,实现自动化操作。 2. **DOM操作**:通过WEBUI支持库,易语言...

    WebUI自动化测试框架

    这个框架是建立在Selenium库之上的,Selenium是一个强大的、跨平台的Web自动化测试工具,支持多种浏览器和编程语言。通过使用这个框架,测试人员能够减少手动测试的工作量,提高测试覆盖率,并且更快地发现和修复Web...

    WebUI自动化测试框架Dagger.zip

    Dagger是网易杭州研究院QA团队开发的一个轻量级、运行稳定的WebUI自动化测试框架,主要基于Selenium及TestNg可以认为是对Selenium进行二次封装的一个框架(俗称 造轮子 )。之所以把这个轮子开源出来,主要在于...

    phoenix.webui.framework, 基于WebDriver的WebUI自动化测试框架.zip

    "phoenix.webui.framework"是一个基于WebDriver的Web用户界面(WebUI)自动化测试框架,它为开发者和测试工程师提供了一套高效、稳定的自动化测试解决方案。这个框架的核心是使用WebDriver,这是一个跨浏览器的测试...

    Linux 通用 WebAdmin (webui) 开发框架-C语言 源码

    WebAdmin系统由三部分组成:WEB图形用户接口、WebAdmin守护进程和进程监视程序。Web图形用户接口(WebGUI)是WebAdmin系统的前端部分,为用户提供一个统一、易操作的图形界面。WebAdmin守护进程 (WebAdmind)是...

    WEBUI框架JingYes.zip

    静夜思 - 基于 HTML5、CSS3 的 WEB UI 框架。JingYes: 是一个基于 HTML5、CSS3 的前端框架,中文名 ...简单的说:静夜思是具有代码结构契约性、并且只遵循 W3 标准的 WEB UI 框架。 标签:JingYes CSS框架

    【虚幻引擎UE】UE5实现WEB和UE通讯方法(基于WEBUI插件)

    本篇文章将详细讲解如何在UE5中实现与Web的通讯,利用WEBUI插件来搭建桥梁,使得游戏或应用能够与网页进行数据交换,提升用户体验和互动性。 首先,我们需要理解虚幻引擎UE5中的通信机制。UE5支持多种通信方式,...

    leonardoui拥有QlikSense外观的WebUI组件库

    5. **集成**:在实际项目中,开发者需要将Leonardo UI与后端服务、数据源以及可能存在的其他前端框架(如Angular、React或Vue.js)进行集成,实现数据的动态加载和交互。 6. **性能优化**:考虑到Web应用的性能,...

    10个优秀的 Web UI库/框架

    Web UI库和框架是开发高效、用户友好的Web应用程序的关键组成部分。它们提供了预设的样式、组件和功能,使得开发者可以快速构建出响应式、功能丰富的网页,而无需从零开始设计每一个细节。以下是给定的10个优秀Web ...

    一套开源免费的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式

    Layui 是一套开源免费的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心...

    UI框架 界面框架 WEB框架

    "UI框架与界面框架的 WEB 框架解决方案" 在当今的 WEB 应用开发中,UI 框架与界面框架扮演着非常重要的角色。它们为开发者提供了一整套的解决方案,可以快速地开发出美观、功能强大的 WEB 应用程序。本文将围绕“UU...

    webui图标素材

    描述中提到“webui设计框架所用到的大部分图标素材”,这意味着这个压缩包可能包含了一系列与流行WebUI框架(如Bootstrap、Element UI、Ant Design等)兼容的图标。这些图标可能已经按照特定的设计规范和尺寸制作,...

    webui asp.net3.0

    【标题】"WebUI for Asp.net 3.0" 是一个专为ASP.NET 3.0框架设计的用户界面库,它提供了丰富的组件和工具,帮助开发者构建现代、交互性强且美观的Web应用程序。这个版本是WebUI的3.0.1501更新,包括了完整的源代码...

    15 个 JavaScript Web UI 库

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

    python3 webUi自动化测试框架

    基于Python的webUI自动化测试框架,支持多平台~ 支持xmind文件转为测试用例,目前存在部分问题 支持chrome驱动自动下载 支持用例重跑及自动错误截图 使用antd美化html报告 采用po模式,定位元素与实际操作分离,同...

    uistack一个Chrome扩展程序可让您查看网站使用的框架和库

    JavaScript是现代Web开发的核心语言,而MVC(Model-View-Controller)框架和UI库则是构建交互式、动态网页的关键组件。MVC模式是一种软件设计模式,将应用程序的数据模型、用户界面和控制逻辑分离,使代码更易于维护...

    wke 内核 webui演示ZUI框架绚丽效果,组件演示,第二期教程

    这表明教程主要关注的是基于wke内核的Web用户界面(WebUI)技术,并且是ZUI框架的一个部分,具体涉及的是组件的展示和其视觉效果。"第二期教程"意味着这是系列教程的延续,可能假设读者已经对第一期内容有所了解。 ...

Global site tag (gtag.js) - Google Analytics