YUI Event

最新推荐文章于 2021-06-17 01:45:29 发布
最新推荐文章于 2021-06-17 01:45:29 发布
阅读量532 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： YUI 文章标签： yui 浏览器 crash ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/typicalzoe/article/details/4413574

yahoo-min.js

event-min.js

 

YUI Event通过提供简单接口来订阅DOM事件，查验浏览器事件对象的状态，来帮助在浏览器中生成事件驱动的应用。 包括定制的事件的对象，允许在定制代码里发布有趣的事件或者时刻，页面上其他的部件可以订阅这些时间而且做出反应。提供以下功能：

 

1）灵活的方法来附加事件处理给一个或者多个元素

2）处理延迟

3）自动范围检测，可选范围分配

4）自动事件对象浏览抽象

5）能够包含仲裁对象给事件处理

6）访问浏览器抽象对应的对象

7）自动监听清除

8）自动执行功能当DOM对象监测到时

 

1) YAHOO.util.Event.addListener()

 

OnAvailable

让你定义功能，当一个element在DOM被检测到。目的在加载script和htmil进入时降低耗时。不是说用于定义最终在document里的元素的处理函数，而是指在加载过程中监测到得element.

 

OnContentReady similiar to onAvailable

 

onDomReady, 当DOM在可用状态时加载。DOM在结构完整前不可用，很多bug,特别在IE中，如果script试图在DOM完全状态前插入信息的话会导致浏览器crash或者不能成功载入页面。

 

当所有的图像完全载入后dom才ready,所以，onDOMReady经常是使用Widonw对象的load事件的很好的替代。

 

 

使用CustomeEvent

 

能帮助你定义和使用DOM中没有的事件，特别是对自己应用有利的。

 

YAHOO.util.CustomEvent.LIST

YAHOO.util.CustomEvent.FLAT

 

 

 

yui2.9
03-28
1. **基础组件**：YUI 2.9的核心包括了DOM、Event、Ajax、Animation等基础组件。DOM模块提供了强大的元素操作接口，使得开发者可以轻松地对HTML文档进行增删改查；Event模块实现了事件监听与分发机制，使得响应用户...
yui3-master.zip
01-14
在“yui3-master.zip”中，我们可以看到不同模块的源代码文件，如“build”目录下的“node”, “event”, “dom”等，这些都是YUI3的核心模块。 2. **事件系统** YUI3的事件系统是其强大功能之一，它允许开发者...
YUI 研究 -- Event 模块
liangguangzhi的专栏
03-26 879
YAHOO.util.Subscriber(fn, obj, override)保存订阅者的信息用于事件触发处理YAHOO.util.Subscriber.getScope(defaultScope)返回执行环境对象如果this.override===true，则返回this.obj；如果this.override是一个对象，则返回override；否则返回defaultScope。YAHOO.u
YUI事件体系之Y.EventTarget
美团技术团队
01-25 582
上两篇文章YUI事件体系之Y.Do、YUI事件体系之Y.CustomEvent中，分别介绍了YUI实现AOP的Y.Do对象，以及建立自定义事件机制的Y.CustomEvent对象。 本篇文章，将要介绍YUI事件体系集大成者、最为精华的部分——Y.EventTarget。 Y.EventTarget DOM事件中的目标元素为event.target，这类元素可以触发、监听一些事件，例...
html dom ready,JS DOMReady事件的六种实现方法总结
weixin_35756130的博客
06-17 594
在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMContentLoa...
onDOMReady方法
lifeiscool的专栏
12-22 2963
YAHOO.util.Event.onDOMReady(ReadIDCard);window.onload = ReadIDCard(); 这2个方法都是在页面加载的时候调用ReadIDCard()方法.不同在于:window.onload是在html一加载就执行，适用于元素早就生成好的页面。YAHOO.util.Event.onDOMReady是在html元素完全生成好后
DOM Ready 详解
孤云博客
03-28 1386
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 from：http://www.cnblogs.com/zhangziqiu/archive/2011/06/27/DOMReady.html DOM Ready 概述 熟悉jQuery的人, 都知道D...
yui.zip_YUI aj_ajax_ajax java_javascript_javascript YUI Ajax
09-23
标题中的"yui.zip_YUI aj_ajax_ajax java_javascript_javascript YUI Ajax"指的是YUI（Yahoo! User Interface Library）库的一个版本，该版本重点强调了AJAX（Asynchronous JavaScript and XML）技术的使用，同时也...
对layui中的onevent 和event的使用详解
12-11
参数1我暂时理解为组，定义子级方法和使用event调用都需要注意这个参数必须一致 参数二是定义父级方法名，如果有需要定义该方法的子方法时候同样使用onevent,但参数二的方法名需要与父级相同并已加上括号 如下面的...
用YUI做了个标签浏览效果
10-31
<script type="text/javascript" src="event.js"> <script type="text/javascript" src="tabview.js"></script> var myTabs = new YAHOO.widget.TabView("demo"); YAHOO.example.init = function() { var ...
用yui打造自己的拖放式网页
dinongxu8804的博客
06-04 173
第一次看到可以在网页中像客户端软件一样拖放是在3721网站上，当时看了半天没有看明白。现在这种技术的应用已经很多了，其中我们感受最深的就是sohu，sina博客的定置布局功能，相比于普通的其他网页，相信大家都能感觉到其优势的存在。 很多人就会问，这样的网页是用什么技术做的呢？好想学。其实它是用javascript实现的，属于一种javascript的高级应用。要自己...
YAHOO YUI工具库
高级java程序员联盟
05-27 414
1.1. YAHOO工具库提供的方法 l namespace 用于创建一个全局的命名空间，使用YUI时，首先会自动创建widget,util,example三个命名空间，使用时也可以自定义命名空间。类似于在程序中建了了一个static变量。 l lang javascript扩展的语言工具，用于判别对象的类型。 l lang.extend 用于从一个对象上扩展出另一个对象，模拟了类的继承的方式，但...
YUI工具库介绍
zz410675629的专栏
08-16 3991
1.1.     YAHOO工具库提供的方法 l         namespace 用于创建一个全局的命名空间，使用YUI时，首先会自动创建widget,util,example三个命名空间，使用时也可以自定义命名空间。类似于在程序中建了了一个static变量。 l         lang javascript扩展的语言工具，用于判别对象的类型。 l       
Yahoo! UI Library 的介绍
web开发
03-28 6189
Yui组件分成2类：工具包和控件库 Yui 工具包 Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。          1）动画（Animation）：在你的页面中通过指定位置，大小，透明度或者页面元素的其他特性来创建一个"电影效果（cinematic effects）"。这些效果将在你的页
【转】主流JS框架中DOMReady事件的实现
weixin_33895604的博客
04-12 142
在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多 实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMContent...
DOMReady详解
jlin991的博客
02-21 6987
0. 什么是DOMReady？ 一个被封装的方法，用以当浏览器生成DOM树结构后就开始解析某些js代码。 为什么需要DOMReady？ 在初学js时，我们都知道使用window.onload用以保证页面的所有资源都加载完毕后才执行当中的js代码，否则当js在title中定义或则引用时会报错：不能为空节点添加某某属性。是的，onload的确是一个简单易用的方法，但随着我们学习的深入，当我们
JS DOMReady事件的六种实现方式
honcur的专栏
08-26 598
在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多 实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMConte...
YUI（Yahoo! UI Library）的应用文档（整理中-2007.5.21更新）
BugLu的专栏
05-05 9598
1.            YAHOO工具库1.1.     YAHOO工具库提供的方法l         namespace用于创建一个全局的命名空间，使用YUI时，首先会自动创建widget,util,example三个命名空间，使用时也可以自定义命名空间。类似于在程序中建了了一个static变量。l         langjavascript扩展的语言工具，用于判别对象
搞了半天菜单，原来是效果在闹事
棋牌游戏
10-17 143
上了一个yui的菜单，奇怪的是显示不出来，然后一个一个地简化，把效果去掉就ok了，真是的。 firebug查看一下，如果加入效果，只是把class加上一个visible，但是没有把visibility设为visible，而且也不出错，查看yahoo logger，没有抛出错误，就是不设了。 估计是有冲突啊。试着把rails里的缺省js去掉几个，只省下prototype.js，不过还是不行，pr...
YUI
最新发布
03-26
<think>好的，我现在需要处理用户关于YUI框架的查询。用户希望了解YUI的简介和使用教程。首先，我需要回顾已有的引用内容，确保信息准确，并根据这些引用组织回答。 首先，查看用户提供的引用内容。引用[1]提到了YUI的下载方式、如何在页面中引入YUI库，以及如何创建沙箱环境。引用[2]指出YUI的官方文档和示例非常齐全，可能用户无需额外教程。引用[3]则是一个具体的项目克隆和运行步骤，可能与YUI的使用示例有关，但看起来更像是某个特定项目的操作，可能与核心框架关系不大。 接下来，我需要整理YUI的基本信息。YUI（Yahoo! User Interface Library）是雅虎开发的一个开源JavaScript库，用于构建交互式网页应用。它提供了丰富的组件和工具，比如DOM操作、事件处理、动画效果等。不过需要注意的是，YUI已经于2014年停止维护，所以用户可能需要考虑替代方案，但可能仍有旧项目在使用。 根据引用[1]，使用YUI的第一步是引入库文件，可以通过下载本地文件或使用CDN。然后，创建沙箱环境，使用YUI().use()来加载所需模块，比如'node'和'event'，然后在回调函数中编写代码。这部分是核心的使用方法，需要详细说明。 引用[2]强调官方资料齐全，建议用户直接查阅官方文档和示例，这可能比第三方教程更可靠。因此，在回答中应该推荐用户访问YUI的官方网站获取详细文档和指南。 引用[3]提到的项目可能是一个使用YUI的具体案例，但需要确认是否相关。由于该引用是关于克隆和运行一个生日项目，可能与YUI的教学示例关联不大，因此可能在回答中不提及，或者仅作为扩展使用示例提及。 用户的问题还包括生成相关问题。根据YUI的特点，可能需要涉及YUI的模块化设计、停止维护后的替代方案、核心功能等。 需要注意回答的结构，按照用户要求的系统级指令，行内公式用$...$，独立公式用$$...$$，但YUI介绍可能不涉及数学公式，所以这部分可能不需要。但需要确保其他格式正确，如代码块使用正确的标记。 最后，确保回答使用中文，结构清晰，分步骤说明，并在引用处添加标识符。同时，生成的相关问题要围绕YUI的使用、特点和现状展开。</think>### YUI框架介绍及使用教程 #### 一、YUI框架简介 YUI（Yahoo! User Interface Library）是由雅虎开发的开源JavaScript和CSS库，用于构建高交互性网页应用。它提供模块化的组件（如DOM操作、事件处理、动画、AJAX等）和跨浏览器兼容性支持。YUI 3.x版本采用“沙箱”设计模式，通过按需加载模块减少资源消耗[^1]。 #### 二、核心使用步骤 1. **引入YUI库** 可通过本地文件或CDN引入： ```html <!-- 本地引入 --> <script src="path/to/yui-min.js"></script> <!-- CDN引入 --> <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script> ``` 2. **创建沙箱环境** 使用`YUI().use()`加载所需模块并编写代码： ```javascript YUI().use('node', 'event', function(Y) { // Y是沙箱实例，已加载node（DOM操作）和event（事件处理）模块 Y.on('DOMContentLoaded', function() { Y.one('#button').on('click', () => { Y.one('#result').setHTML('Hello YUI!'); }); }); }); ``` 3. **模块化开发示例** 实现元素显示/隐藏： ```javascript YUI().use('anim', function(Y) { const anim = new Y.Anim({ node: '#box', to: { opacity: 0 }, duration: 0.5 }); anim.run(); }); ``` #### 三、学习资源建议 - **官方文档**：提供完整的API参考和示例[^2] - **GitHub仓库**：https://github.com/yui/yui3 - **社区存档**：由于YUI已停止维护，可查阅历史教程和项目（如示例中的生日动画项目[^3]） ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值