原文:[url]http://developer.yahoo.com/yui/3/yui/index.html#start[/url]
使用YUI的全局对象
(1)使用use方法
use方法可以使你加载需要的模块到YUI的实例中。你可以选择需要的模块而不必加载所有的模块。
例如:
YUI().use('node','anim',function(Y){});//加载node模块和anim模块
YUI().use('node',function(Y){});//加载node模块
YUI().use('*',function(Y){});//加载所有模块
(2)YUI中某些模块列表:
[table]
|module|解释|
|anim |动画|
|attribute|属性|
|base |类构件|
|collection|收集|
|dd |拖拽|
|dom |DOM元素|
|event |DOM事件|
|event-custom|自定义事件|
|io |ajax|
|json |JSON|
|node |HTML的元素|
|async-queue|支持无阻塞迭代|
[/table]
(3)创建自己的YUI模块使用YUI.add
(4)Loader
如果需要没在页面上加载的模块,loader可以获取该模块的副本和它的依赖,并把它们加载到你的实例中。
(5)Lang
Land包括了js的应用和扩展并在YUI中使用。
var Y = YUI();
Y.Lang.isArray([1,2]);//true
Y.Land.isNumber(0);//true
....
使用YUI的全局对象
(1)使用use方法
use方法可以使你加载需要的模块到YUI的实例中。你可以选择需要的模块而不必加载所有的模块。
例如:
YUI().use('node','anim',function(Y){});//加载node模块和anim模块
YUI().use('node',function(Y){});//加载node模块
YUI().use('*',function(Y){});//加载所有模块
(2)YUI中某些模块列表:
[table]
|module|解释|
|anim |动画|
|attribute|属性|
|base |类构件|
|collection|收集|
|dd |拖拽|
|dom |DOM元素|
|event |DOM事件|
|event-custom|自定义事件|
|io |ajax|
|json |JSON|
|node |HTML的元素|
|async-queue|支持无阻塞迭代|
[/table]
(3)创建自己的YUI模块使用YUI.add
YUI.add('modulesname',function(Y){
},'0.1.1'/*版本号*/,{requires:['node']/*依赖的模块*/});
(4)Loader
如果需要没在页面上加载的模块,loader可以获取该模块的副本和它的依赖,并把它们加载到你的实例中。
YUI({
/*loader部分*/
charset:"utf-8",
combine:true,/*合并模块,减少js加载时只用发送的请求数*/
commboBase;'http://hlily/?',
root:'s/s/s',/*合并的模块的路径*/
modules:{
mod_1:{},/*外部的模块*/
mod_2:{}
},
}).use('',function(Y){});
(5)Lang
Land包括了js的应用和扩展并在YUI中使用。
var Y = YUI();
Y.Lang.isArray([1,2]);//true
Y.Land.isNumber(0);//true
....