YUI Global Object总结 _Web前端

YUI Global Object小结

入门：yui-min.js

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

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

两种加载方式

动态加载: 用use()

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

模块的状态：

Not loaded:模板没有加载完毕，也没有实例化
Loaded: 模板已经加载完毕，但并没有实例化，可能其它的模板在使用
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>