Yahoo! User Interface Library，YUI，YUI下载，YUI学习，YUI是什么,YUI浅谈，YUI研究(2)

Yahoo! User Interface Library(简称yui) 是一个使用Javascrīpt编写的工具和控件库。它利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui也包含几个核心的CSS文件。yui中的所有组件已经以开源的形式发布，它们遵循BSD协议并且可以免费使用。可以从Sourceforge站点下载完整的项目文件，同时包含相关文档和示例。

yui项目开发人员的BLOG：YUI Blog，交流社区：ydn-javascrīpt on Yahoo! Groups。

准备工作：

1、下载yui
最新版YUI下载地址： http://sourceforge.net/project/downloading.php?group_id=165715&filename=yui_2.3.1.zip
yui项目文件已经发布在Sourceforge站点，文件包含相关文档，示例和代码。

注：Yahoo没有为yui的运行提供免费的运行环境，你需要运行在你在即Web服务器上。

2、在你的网页中加入你需要的类库文件

为了使用yui中的组件你必须在你的页面文件中用<scrīpt>指定相关组件的类库文件地址。如果该组件依赖于其他组件，你必须使用<scrīpt>指定所依赖的组件的类库文件地址。

3、如果有必要，在页面中加入CSS文件

某些yui的控件包含一个相应的CSS文件，用来设定控件的样式。此时，你必须在页面中使用<style>指定相应的CSS文件的地址。你可以通过修改相应的CSS文件达到你想要的效果。

4、浏览相关文档和示例

每一个组件都包含详细的API文档，并且提供了常用的例子。学习完后，回顾一下所有的API，做到心中有数。因为对于API理解的好坏将影响你对yui的使用效果。

组件介绍 Yui组件分成2类：工具包和控件库

Yui 工具包

Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。

动画（Animation）：在你的页面中通过指定位置，大小，透明度或者页面元素的其他特性来创建一个"电影效果（cinematic effects）"。这些效果将在你的页面发生变化的时候给用户更好的体验。

连接管理（Connection Manager）：这个工具包帮助你管理XMLHttpRequest（一般被称为AJAX）事务，它提供对表单提交（form posts），错误捕获（error handling）和callbacks的全面支持。该工具包也支持文件的上传管理。

DOM：DOM工具包提供更简单的DOM脚本的功能调用方式，包含元素的位置和CSS样式的管理。

拖放（Drag and Drop）：创建可拖放的对象。为了提供丰富的交互功能（比如拖动一个对象到目标位置）你可能需要编写很多代码。这个工具包可以在所有支持的浏览器中捕获所有的操作事务并保证其稳定地运行。

事件（Event）：这个神奇的管理类库给你提供一种简单安全的方法访问浏览器的事件（比如点击和键盘操作）。这个事件封包中还包含了自定义事件对象，它为你的程序交互提供一种发布和订阅事件的机制。

yui控件：

yui控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。

这些控件包括：

自动完成（AutoComplete）控件 ：自动完成控件为文本输入提供一种渐进式的用户体验（streamline user interactions）。控件会提供相似项列表和基于多样化的数据格式的提前键入功能（type-ahead functionality based on a variety of data-source formats），并且可以通过XMLHttpRequest访问服务端的数据。

日历（Calendar）控件 ：一个用来日期选择的动态图形控件。

容器（Container）控件 ：一组模仿windows样式的控件，他们包括Tooltip, Panel, Dialog 和 SimpleDialog。其中Module 和 Overlay控件提供一个可扩展的平台，你可以控制自定义的模仿windows样式的控件。

日志（Logger）控件 ：提供一个快速和简单的记录日志的方式，它直接将日志信息输出到屏幕控制台（on-screen console）、Firefox的扩展组件FireBug，或者Safari的Javascrīpt控制台。yui的Debug组件将完整的记录输出信息和调试信息。

菜单（Menu）控件 ：利用此控件只需要几行简单的代码就可以设计一个动态样式的菜单。可以完全使用javascrīpt构造一个菜单，can be layered on top of semantic unordered lists。

滑块（Slider）控件 ：提供一个可滑动的组件，它允许使用者在一定的范围内（x轴，y轴）改变滑块的位置。

树形（TreeView）控件 ：提供一个节点可缩放的树形控件。节点可以是链接，自定义属性，并且可以动态加载。节点元素的展现可以通过CSS修改，比如文件夹视图，TO－DO任务列表或者其他可视化处理

yui的CSS资源

为了让CSS能符合不同等级的浏览器（A-Grade browsers）的标准，我们想了很多。我们把这些作为yui类库的一部分共享出来，希望能在这里得到促进，获得一个简洁的，可维护并在浏览器中表现优秀的设计。

页面网格样式（CSS Page Grids）： 7个基本的用css组织子组件的页面框架，支持130种不通的页面布局。

标准的CSS字体（Standard CSS Fonts）： 标准的跨浏览器字体样式和大小展现。

标准的CSS排列（Standard CSS Reset）： 使用这些CSS声明来排除页面的空白部分并且公共元素的样式兼容各种浏览器的展现。

Yahoo! User Interface Library，YUI，YUI下载，YUI学习，YUI是什么,YUI浅谈，YUI研究(2)相关推荐

Yahoo! User Interface Library，YUI，YUI下载，YUI学习，YUI是什么,YUI浅谈，YUI研究(1)
公司项目要用到Yahoo UI,下午只好硬着头皮去学了,但是发现网上关于这方面的中文资料很少,可能各位高手都在写代码呢,所以我写这篇学习心得帮助下和我一样的新人,无意卖弄,如果写的不好还请各位见谅啊. ...
YUI(Yahoo User Interface)介绍
在Web 2.0中,SaaS前端不再是一个简单网页.它可以拥有非常Cool的界面,它也可以拥有非常复杂的逻辑.现在,构建一个复杂的SaaS前段界面主要有下面三种技术路线: DHTML(HTML,CSS ...
linux绝育玩客云_绝育老母鸡（玩客云）pt下载浅谈
绝育老母鸡(玩客云)pt下载浅谈 2020-01-22 19:35:25 55点赞 346收藏 111评论是返乡过年?还是就地过年?最新一届#双面过节指南#开始啦!本次征稿活动分为A面返乡和B面就地 ...
Android Studio下载搭建学习笔记01
Android Studio下载搭建学习笔记01 下载Android Studio 安装Android Studio 进入安装向导选择安装组件选择安装位置选择文件菜单等待安装启动并配置And ...
jQuery 和 YUI (Yahoo User Interface) 各自的优缺点有哪些？具体的使用场景是怎样的？...
张经纬,前端工程师知乎用户.赵勇杰.知乎用户等人赞同其实jQuery和YUI的侧重点是不一样的. jQuery专注于DOM的操作,他通过继承的方式给传入的对象增加了新的方法,从而使我们可以通过链 ...
Yahoo邮箱中全部邮件的下载保存
一大早起来就看到Yahoo中国邮箱不能再继续使用了,Yahoo涅磐,本以为邮箱应该会躲过这一劫,没想到还是来了. 最简单的方法应该是迁移到yahoo.com吧,但是之前用这个yahoo.cn的邮箱,时 ...
C++学习书籍推荐《The C++ Standard Library 2nd》下载
百度云及其他网盘下载地址:点我编辑推荐经典C++教程十年新版再现,众多C++高手和读者好评如潮畅销全球.经久不衰的C++ STL鸿篇巨著 C++程序员案头必备的STL参考手册全面涵盖C+ ...
Java library util_sdejavautil.dll,下载,简介,描述,修复,等相关问题一站搞定_DLL之家
如何选择&使用第一步:您从我们网站下载下来文件之后,先将其解压(一般都是zip压缩包). 第二步:然后根据您系统的情况选择X86/X64,X86为32位电脑,X64为64位电脑. 如果您不知 ...
The Standard C Library电子书pdf下载
C标准库(英文版)电子书pdf下载链接: https://pan.baidu.com/s/1i807V-Fbaje4x_G2E3hPzg 提取码获取方式:关注下面微信公众号,回复关键字:1145

Yahoo! User Interface Library，YUI，YUI下载，YUI学习，YUI是什么,YUI浅谈，YUI研究(2)

Yahoo! User Interface Library，YUI，YUI下载，YUI学习，YUI是什么,YUI浅谈，YUI研究(2)相关推荐

最新文章

热门文章