首页 / JAVASCRIPT / 15 个 JavaScript Web UI 库

15 个 JavaScript Web UI 库

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了15 个 JavaScript Web UI 库，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3799字，纯文字阅读大概需要6分钟。

内容图文

15 个 JavaScript Web UI 库

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

LivePipe

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

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

15 个 JavaScript Web UI 库 - 文章图片

UKI

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

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

15 个 JavaScript Web UI 库 - 文章图片

MochaUI

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

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

15 个 JavaScript Web UI 库 - 文章图片

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

Sigma Ajax UI Builder

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

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

15 个 JavaScript Web UI 库 - 文章图片

JxLib based MooTools

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

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

15 个 JavaScript Web UI 库 - 文章图片

Dijit – The Dojo Toolkit

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

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

15 个 JavaScript Web UI 库 - 文章图片

jQuery TOOLS

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

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

15 个 JavaScript Web UI 库 - 文章图片

jQuery UI

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

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

15 个 JavaScript Web UI 库 - 文章图片

Prototype UI

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

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

15 个 JavaScript Web UI 库 - 文章图片

Jitsu

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

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

15 个 JavaScript Web UI 库 - 文章图片

Qutensil

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

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

15 个 JavaScript Web UI 库 - 文章图片

Script.aculo.us

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

Script.aculo.us 首页与下载

15 个 JavaScript Web UI 库 - 文章图片

Alloy UI

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

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

15 个 JavaScript Web UI 库 - 文章图片

iUI: iPhone UI 框架

15 个 JavaScript Web UI 库 - 文章图片

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

iUI 主页与下载

XUI

15 个 JavaScript Web UI 库 - 文章图片

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

XUI 首页，下载

Yahoo! YUI Library

15 个 JavaScript Web UI 库 - 文章图片

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

YUI Library 主页与下载
YUI2 入门
YUI3 入门
YUI3 控件，演示与示例

内容总结

以上是互联网集市为您收集整理的15 个 JavaScript Web UI 库全部内容，希望文章能够帮你解决15 个 JavaScript Web UI 库所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371154.html

来源：【匿名】

【上一篇】经典的间隔时间滚动新闻（图片），可控制滚动【下一篇】javascript 怎么调用php方法

更多 ►

【15 个 JavaScript Web UI 库】教程文章相关的互联网学习教程文章

Android 高级UI设计笔记24：Android 夜间模式之 WebView 实现白天 / 夜间阅读模式（使用JavaScript）【代码】【图】

1. 问题引入：前面我们是使用方法降低屏幕亮度（不常用）和替换theme，两者都是针对Activity的背景进行白天、夜间模式的交换，但是如果我们显示的是Html的内容，这个时候改怎么办？分析：首先加载Html页面肯定是要用到WebView的，通过loadUrl的方法可以把html页面显示到webView，我们知道Android可以与JavaScript进行交互，就是说可以在JavaScript中调用Android的代码，也可以在Android中调用JavaScript代码。所以就有了一个思路...

转载一篇关于iOS UIWebview 和javascript关联的文章

作者写的很明白，请参看原地址 http://blog.163.com/m_note/blog/static/208197045201293015844274/ 这里涉及的就是UIWebview的2个最主要的方法，stringByEvaluatingJavaScriptFromString: 和- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType 。第一个方法的主要功能是注入和执行javascript，具体是注入还是执行，要看你参照中的string的格式。第二个方法的主要是根据请...

CDHtmlDialog探索----WebBrowser扩展和网页Javascript错误处理

1、屏蔽错误信息提示 1m_pBrowserApp->put_Silent(VARIANT_TRUE);在CDHtmlDialog::OnInitDialog()的代码中首先了创建WebBrowser控件，然后把控件的Browser对象赋值给m_pBrowserApp（这是CDHtmlDialog完成的不需要自己处理）。WebBrowser的put_Silent函数在官方给出的说明是禁用所有的对话框，但例外情况是它不会影响SSL安全认证需要的进示对话框。绝大多数情况下这就可以解决问题了，记得很久以前我遇到过一种情况就是虽然调用了pu...

JavaScript—web API之DOM【代码】【图】

API官方：API（Application Programming Interface，应用程序接口）是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问原码，或理解内部工作机制的细节。简单地说API就是一个可以提供很多功能的工具。web APIjs提供的两个API，一个用于操作页面的DOM，一个是用于操作浏览器的BOM，通过这两个API就可以轻松对页面惊醒操作。如图：前面已...

javascript中WebSocket用法【代码】【图】

一.概念websocket定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。websocket优点很多网站为了实现数据推送，所用的技术都是ajax轮询。轮询是在特定的时间间隔，由浏览器主动发起请求，将服务器的数据拉回来。轮询需要不断的向服务器发送请...

Web优化之Javascript Compressor【代码】

目的：web项目前端js的体积大小影响页面性能和用户体验，压缩js是web优化的一个重要手段。JavaScript的压缩不是为了保护代码而压缩，而是压缩后的js代码文件可以小一倍甚至多倍，从而使这个js代码快速的下载到客户端，特别js文件较大时速度效果非常明显．方法：JS优化的方法有以下几个方法： 1、tomcat的压缩， gzip压缩启用的情况下，压缩的比例大概是1：6 2、js加载的时候合并下载，可以有效减少请求js产生的网络连接次数。...

UIWebView中JS与OC交互 WebViewJavascriptBridge的使用【代码】

一、综述　　现在很多的应用都会在多种平台上发布，所以很多程序猿们都开始使用Hybrid App的设计模式。就是在app上嵌入网页，只要写一份网页代码，就可以跑在不同的系统上。在iOS中，app多是通过WebView来加载网页，由于功能需求等原因，代码中少不得要和跟网页交互。二、原理　　在iOS中，本地调用Javascript语言，是通过UIWebView中的实例方法stringByEvaluatingJavaScriptFromString：来实现的，该方法通过字符串对象的形式传入...

Web前端学习-第一课JavaScript篇

Q1：数据类型有哪些？5种简单数据类型：undefined，null，boolean，number，string；1种复杂数据类型：object。Undefined只有一个值：undefined；Null只有一个值：null；（表示一个空对象指针）Boolean有两个字面值：true，false；（区分大小写，True和False等都不是boolean值，只是标识符）Number值：整数，浮点数，十进制，八进制（第一位必须是0，严格模式下无效），十六进制（前两位必须是0x），数值范围（大多数浏览器Number....

Web前端（六）-JavaScript（引入方式、注释、语法、变量、数据类型、运算符、各种语句、方法相关、页面相关、NaN、对象相关、对象分类、BOM浏览器对象模型）【代码】

JavaScript作用: 用来给页面添加动态的效果LiveScript 改成 JavaScript 为了蹭热度语言特点:属于脚本语言, 不需要编译直接解析执行.属于弱类型语言, 变量声明时不需要指定类型 Java: int x = 10; String name="tom"; x="Jerry";编译报错JavaScript: let x=10; let name="tom"; x="Jerry"; 不会报错安全性高: 这门语言由于是嵌入到html页面中,最终执行在客户端浏览器中的语言,所以对安全性要求较高交互性强: JS语言是嵌入到html页面...

重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互【代码】

[源码下载]重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互作者：webabcd介绍重新想象 Windows 8.1 Store Apps 之控件增强WebView 的基本应用WebView 通过 POST 请求和 HTTP 头加载 urlWebView 与 JavaScript 交互示例1、演示 WebView 的基本应用WebView/Demo.xaml<Pagex:Class="Windows81.Controls.WebView.Demo"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pres...

JavaScript WebAPI复习(一)

/* * * JavaScript分三个部分: * 1. ECMAScript标准----JS基本的语法 * 2. DOM:Document Object Model 文档对象模型 * 3. BOM:浏览器对象模型 * * DOM的作用:操作页面的元素 * DOM树:把html页面或者是xml文件看成是一个文档,文档就是一个对象,这个文档中所有的标签都是元素,元素也可以看成是对象,标签(元素,对象)有很多,还有嵌套的关系,组成的这种层次结构,可以模拟成树形结构图,简称:树状图 ,就是DOM树 ...

实现 WebSocket 断开自动重连的 JavaScript 库【代码】

ReconnectingWebSocket 是一个小型的 JavaScript 库，封装了 WebSocket API 提供了在连接断开时自动重连的机制。只需要简单的将：ws = new WebSocket(‘ws://....‘);替换成：ws = new ReconnectingWebSocket(‘ws://....‘); 详见：https://github.com/fc653074701/reconnecting-websocket 或者： //间隔发送心跳包数据给服务器，服务器在一定时间内发回心跳包响应，对比超时限定，如果超过设定的超时时间，则认为当前与服务器的...

Selenium WebDriver- 操作JavaScript的prompt弹窗（使用率低）【代码】

#encoding=utf-8import unittest import time from selenium import webdriver from selenium.webdriver import ActionChainsclass VisitSogouByIE(unittest.TestCase):def setUp(self):#启动IE浏览器#self.driver = webdriver.Firefox(executable_path = "e:\\geckodriver")self.driver = webdriver.Ie(executable_path = "e:\\IEDriverServer")def testHandlePrompt(self):url = "http://127.0.0.1/test_prompt.html"# 访问自定义...

JavaScript是如何工作的: Web推送通知的机制【代码】【图】

摘要：如何在Web端推送消息?这是专门探索 JavaScript 及其所构建的组件的系列文章的第9篇。如果你错过了前面的章节，可以在这里找到它们：JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧！JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏 !JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式！JavaScript是如何工...

web前端分享JavaScript到底是什么？特点有哪些？【图】

web前端分享JavaScript到底是什么？特点有哪些？这也是成为web前端工程师必学的内容。今天为大家分享了这篇关于JavaScript的文章，我们一起来看看。一、JavaScript是什么？1、JavaScript是在网站浏览器上运行的编程语言。主要是向使用HTML和CSS构建的网站添加，并起到实现各种页面动态效果的作用。例如，在网页上展示的轮播图样式和在咨询平台上输入的内容错误后显示的提示信息等这样的效果。另外针对商城网站里面购买商品时，使...

JAVASCRIPT - 相关标签

javascript程序设计 javascript高级 javascript高级编程 javascript高级程序设计 javascript高级程序设计第四版 javascript和java javascript基础教程 javascript教程 javascript权威指南 javascript设计模式

WEB - 相关标签

web2 web3 WeBAPI webapp webapp开发 webbrowser webcam WebClient webdriver webflow

JAVASCRIPT - 技术教程分类

JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date（日期） JavaScript Array（数组） JavaScript Boolean（布尔） JavaScript Math（算数） JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部

JAVASCRIPT - 最新教程

JavaScript常用的方法和函数（setAttri...[LeetCode][JavaScript]Binary Tree Le...javascript typeof instanceof windows下使用VS2015编译V8 JavaScript...图片预览JavaScript方法 7个使用JavaScript构建数据可视化的实用...学习笔记：javascript内置对象：数学对...JavaScript Window 浏览器对象模型 jQuery $(document).ready()和JavaScri...javaScript中的this

JAVASCRIPT - 最热教程

vue权限问题的完美解决方案 JS实现返回上一页并刷新页面的方法分析解决IOS端微信H5页面软键盘弹起后页面下...javascript – 如何通过z-index对这些c...微信小程序如何修改本地缓存key中单个数...javascript中html字符串转化为jquerydo...获取TypeScript声明文件.d.ts方法解析（...通过使用vue制作滑动堆叠组件（详细教程...vue渲染页面后div的滚动条保持在最底部...js批量设置元素样式和封装似于jquery的...