Yahoo! UI Library (YUI ) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证

YUI 包含完整的说明文件。它包含了两种元件: 工具与控件[2] ,和一些 CSS 资源。

工具

动画
协助达成位置移动、大小改变、透明度和其他的网页效果。
浏览器历史纪录管理工具
协助网页程式使用浏览器之上一页与书签(我的最爱)工具。
连线工具
协助管理跨浏览器的 XMLHttpRequest 功能。他也整合了表单传送、错误处理、 callback 和档案上传。
资料源
提供通用可配置接口给其他组件与种种资料,如从简单的JavaScript阵列到线上服务器,间透过XHR来互动。
元素
为DOM里的HTMLElements提供包装样式,从而简化一般工作如加入监听者(listener)、对DOM操作、以及存取属性。
DOM
为一般的 DOM 脚本作业提供帮助,它包括元素定位与CSS样式管理。
即拖即放
为 即拖即放 的开发(建立与管理可在网页上拖放的物件)提供帮助。
事件
提供开发者对浏览器事件,如鼠标点击与键盘按键,的简易、安全之存取。它也提供自订事件物件以应付用户出版与订阅自订事件的需求。

控件

自动完成
为用户文字输入的互动提供 自动完成 功能 (建议列表与随打击找的功能)。它支援广泛的资料源格式。它也透过XMLHttpReqeust支援服务器端资料源。
按钮
让用户制作功能像传统HTML表单按钮般多样、图形化的按钮。
月历
图形式、动态的控制,用于日期选择。
容器
支援大量的DHTML视窗规范包括 提示框 (Tooltip)、面板、对话框、简易对话框、模组与覆盖层(Overlay)。
资料表
简单且强大的应用程式接口用来显示网页上屏幕阅读器可存取的表资料。值得关注的功能包括可排序的栏、分页、卷轴、行选取、可放大缩小的栏、以及线上编辑。
纪录器
提供一种快速简单的方式来写入 日志 讯息到Mozilla Firefox的Firebug扩充插件画面终端、或者Safari JavaScript终端。
表单
提供简易产生鼠标移过弹出 选单 的方式。
滑块
提供一般性滑块组件让用户可在有限范围内以单轴或者双轴选择值。
分页检视
提供以分页方式来检视内容。
树状检视
产生目录树,其下节点可以缩放。

CSS 资源

  • CSS页面网格 : 七种基本线框外带附加组件,支援超过1000种不同网页布局。
  • 标准CSS字型集 : 标准化跨浏览器字型家族与尺寸设定。
  • 标准CSS重设 : CSS宣告,用于移除页边空白并标准化跨浏览器对显示一般元素的问题。

2007年8月,Yahoo放出YUI Compressor 1.0 — 一种 JavaScript 压缩器。

YUI 剧院(YUI Theater) 对全世界提供存取许多 JavaScript 与网页开发知名的讲师的技术会谈。

YahooUI库(YUI)简介相关推荐

  1. Yahoo javascript 开源界面库YUI 和EXT

    清清月儿整理 [yui][译]Yahoo!User Interface Libray 介绍 Yahoo! User Interface Library(简称yui) 是一个使用JavaScript编写 ...

  2. db2top详细使用方法_Py之PIL:Python的PIL库的简介、安装、使用方法详细攻略

    Py之PIL:Python的PIL库的简介.安装.使用方法详细攻略 目录 PIL库的简介 PIL库的安装 PIL库的用方法 1.几何图形的绘制与文字的绘制 2.绘制图形的各种案例 PIL库的简介 PI ...

  3. python compiler库_Python之compiler:compiler库的简介、安装、使用方法之详细攻略

    Python之compiler:compiler库的简介.安装.使用方法之详细攻略 目录 compiler库的简介 compiler库的安装 compiler库的使用方法 compiler库的简介 根 ...

  4. 【Android NDK 开发】Android Studio 使用 CMake 导入静态库 ( CMake 简介 | 构建脚本路径配置 | 引入静态库 | 指定静态库路径 | 链接动态库 )

    文章目录 I . CMake 简介 II . Android Studio 中 CMake 引入静态库流程 III . 指定 CMake 最小版本号 IV . 导入函数库 ( 静态库 / 动态库 ) ...

  5. Python之ffmpeg-python:ffmpeg-python库的简介、安装、使用方法之详细攻略

    Python之ffmpeg-python:ffmpeg-python库的简介.安装.使用方法之详细攻略 目录 ffmpeg-python库的简介 ffmpeg-python库的安装 ffmpeg-py ...

  6. Python之fastai:fastai库的简介、安装、使用方法之详细攻略

    Python之fastai:fastai库的简介.安装.使用方法之详细攻略 目录 fastai库的简介 fastai库的安装 fastai库的使用方法 1.计算机视觉分类

  7. Python之tushare:tushare库的简介、安装、使用方法之详细攻略

    Python之tushare:tushare库的简介.安装.使用方法之详细攻略 目录 tushare库的简介 tushare库的安装 tushare库的使用方法 1.基础用法 tushare库的简介 ...

  8. Py之tornado:tornado库的简介、安装、使用方法之详细攻略

    Py之tornado:tornado库的简介.安装.使用方法之详细攻略 目录 tornado库的简介 tornado库的安装 tornado库的使用方法 1.简单的Tornado的"Hell ...

  9. Python之schedule:schedule库的简介、安装、使用方法之详细攻略

    Python之schedule:schedule库的简介.安装.使用方法之详细攻略 目录 schedule库的简介 1.特性 schedule库的安装 schedule库的使用方法 1.基础用法

  10. Python之selenium:selenium库的简介、安装、使用方法之详细攻略

    Python之selenium:selenium库的简介.安装.使用方法之详细攻略 目录 selenium库的简介 1.Selenium需要一个驱动程序来与所选的浏览器交互 selenium库的安装 ...

最新文章

  1. 全国计算机二级计基础题第十五套,2014计算机二级VF试题及答案解析(第十五套)...
  2. pip install models ModuleNotFoundError: No module named ‘base‘
  3. python 寻找数组的中心索引_Leetcode724:寻找数组的中心索引(java、python3)
  4. python 数据库的Connection、Cursor两大对象
  5. 人参的用法 和 吃法
  6. HTTP referer/HTTP referrer
  7. 中国计算机学会通讯杂志,何积丰. Cyber-physical systems [J]. 中国计算机学会通讯, 2010, 6(1): 25-29....
  8. window+VS+OpenCV编译libfacedetection库进行人脸检测
  9. 十年java架构师分享:我是这样手写Spring的
  10. 2019年3月计算机考试操作,2019年3月计算机二级C++操作练习题(一)
  11. angelajs中ajax,前端测试数据怎么利用Mock.js进行生成
  12. (转帖出自ESRI BBS)有关于GIS思想
  13. laravel 判断字符串包含_Laravel:表单验证字符串长度的错误信息导致的异常
  14. python 对 PDF 的拆分 和合并
  15. 推荐这三款亲测好用的ai工具
  16. 平面解析几何----双曲线的硬解公式
  17. 如何旋转图片方法#ps教程#ps学习#ps修图抠图
  18. doom-emacs
  19. ERP管理系统规划四大注意事项
  20. ERP系统帮助企业解决物料清单管理难题

热门文章

  1. [Ai工程文件] 豆瓣FM页面的Ai设计图分享
  2. Python文件读写
  3. 双飞翼布局与圣杯布局完全解读
  4. 前端,JS,JQuery 遍历Map对象获取Key,Value
  5. 人心隔肚皮,如何才能保证别人对你说的都是真的?
  6. Vue3 直接使用Vuex的mapState和mapGetters时报错的分析及解决方案
  7. 3dmip12小时内无法注册_iPhone12如何玩英雄联盟手游?一分钟教你快速注册下载台服lol手游_3DM手游...
  8. Python数据分析实战【六】:用Python实现自动发送邮件和发送钉钉消息【文末源码地址】
  9. 一文讲透品牌维权【纯干货】
  10. 30000万字深度盘点:最全的 Pandas 教程来了