YUI Global Object小结

 

入门：yui-min.js

 

基础种子：yui-base-min.js

 

核心种子：yui-core-min.js

 

 

两种加载方式

动态加载: 用use()

静态加载(Static Loading): 手动加载

 

模块的状态：

 

1. Not loaded:模板没有加载完毕，也没有实例化

2. Loaded: 模板已经加载完毕，但并没有实例化，可能其它的模板在使用

3. Attached: 模板已经加载完毕，已经实例化，并随时可以使用

 

 

 

 

可以配置yui的使用方式：

 

YUI_config  yui实例化之前配置

 

 

YUI_config = {
    debug: true,
    combine: true,
    comboBase: 'http://mydomain.com/combo?',
    root: 'yui3/'
};

 

 

YUI.GlobalConfig  yui实例化之后

 

 

 

YUI.applyConfig

 

 

自定义模块

yui.add(.....)

使用yui.use(...)

 

 

 

<script type="text/javascript" src="yui-min.js"></script>  
<script type="text/javascript">
YUI.add('my-module', function (Y) {
   Y.MyModule = {
       sayHello: function () {
           alert('hello');
       }
   };
});
</script>
<script type="text/javascript">
  YUI().use('my-module',function(Y){ //使用方式
	   Y.MyModule.sayHello();
	  });
</script>