原文:
http://developer.yahoo.com/yui/3/yui/index.html#start
使用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中某些模块列表:
module | 解释 |
anim | 动画 |
attribute | 属性 |
base | 类构件 |
collection | 收集 |
dd | 拖拽 |
dom | DOM元素 |
event | DOM事件 |
event-custom | 自定义事件 |
io | ajax |
json | JSON |
node | HTML的元素 |
async-queue | 支持无阻塞迭代 |
(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
....
分享到:
相关推荐
`namespace`方法允许开发者创建自定义的全局命名空间,避免变量冲突,确保代码的组织性和可维护性。例如,YUI会自动创建`widget`, `util`, `example`等基础命名空间,开发者可以自由扩展。 接着,`lang`模块提供了...
- **Lang对象**: `YUI`全局对象还包括一个`Lang`对象,它封装了一些JavaScript语言本身的实用功能,如类型检查等,以便于开发者使用。 #### Node模块详解 Node模块是用于操作DOM节点的强大工具,每个Node实例代表...
- **namespace**:此方法用于创建全局命名空间,以便在项目中组织代码和避免命名冲突。例如,`YAHOO.namespace('myApp.util')`将创建一个名为`myApp.util`的新命名空间。 - **lang**:这一系列工具包括判断对象...
- **`znamespace`**:YUI提供了一种简单的方式来管理全局命名空间。例如,在使用YUI时,默认会自动创建`widget`、`util`、`example`等命名空间。开发者可以根据需求自定义其他命名空间,这种方式类似于在程序中创建...
Maven是一个基于项目对象模型(Project Object Model,POM)的项目管理和综合工具。通过POM,Maven可以管理项目的构建、报告和文档,使得开发者能够在整个项目的生命周期中保持一致性。 为了配置Maven来使用YUI ...
- 它的命名空间管理避免了全局变量污染,使得代码更易于维护。 - 动画效果和DOM操作在MooTools中同样强大,而且有良好的性能表现。 - 使用MooTools的语法通常是 `$$('selector').action()`。 4. **YUI(Yahoo! ...
熟悉变量、作用域、数据类型以及对象的性质,将有助于更好地理解和应用YUI.Ext的API,从而更有效地开发Web应用程序。在后续的学习中,我们将进一步探索YUI.Ext如何利用JavaScript的这些特性来提供强大的UI组件和事件...
其次,由于全局对象只有一个,因此任何一个部分的代码都可能不小心修改了全局对象,而其他依赖于全局对象的代码则不得不做出相应调整,导致全局对象的变更可能影响到整个应用。 在这种背景下,引入了Sandbox构造器...
YUI通过`YAHOO.namespace`方法帮助开发者创建和管理全局命名空间,避免命名冲突。当使用YUI时,`widget`, `util`, `example`等命名空间会被自动创建。此方法允许开发者自定义命名空间,如`YAHOO.myApp.myModule`,...
5. **命名空间**:为了保持代码的整洁和避免全局变量污染,应当将`Tab`类放入一个命名空间内,而不是直接暴露在全局作用域。 **HTML 结构与初始化** HTML结构通常包括一个用于放置触发器的容器(如`<ul>`)和一个...
同时,它也会优化对象字面量,如`{"property": 123}`简化为`{property: 123}`,以及字符串拼接操作,例如`"abcd" + "efgh"`会被合并成`"abcdefgh"`。 标识符替换是YUI Compressor的一大亮点,它会重命名函数名和...
闭包在这里的作用是创建了一个临时的作用域,允许函数内部访问和操作外部环境的变量,而不会污染全局作用域。 闭包还有另一个重要的用途,即在函数之间传递行为。例如: ```javascript var main_fn = function(fn,...
1.7.5 对象直接量 1.7.6 数组直接量 第2章 注释 2.1 单行注释 2.2 多行注释 2.3 使用注释 2.3.1 难于理解的代码 2.3.2 可能被误认为错误的代码 2.3.3 浏览器特性hack 2.4 文档注释 第3章 语句和表达式 ...
- **Validanguage**:一个集成逻辑的验证框架,支持全局、单个表单或对象设置,有HTML-like和面向对象两种API。 - **LiveValidation**:实时验证库,与Ruby on Rails的命名规则相似,有独立版和Prototype版。 - *...
其他如Prototype、YUI、Dojo等也提供了Ajax功能,但jQuery的简洁API和丰富的插件生态系统使其在许多场景下更胜一筹。 总之,Ajax和jQuery的结合使得Web应用能够提供更流畅、更高效的用户体验。通过深入理解和熟练...
在全局作用域中直接调用`b()`,`this`默认指向`window`对象,所以`(1)`输出`undefined`,因为`this.v`未定义。通过`window.b()`调用时,`this`依然指向`window`,`(2)`同样输出`undefined`。使用`call`方法改变`this...
这个名为"ECMAScriptBestPractices"的项目,显然是基于Crockford的思想和他在YUI(Yahoo! User Interface Library)系列讲座中的讲解,提炼出了遵循的最佳实践。 1. **变量声明与作用域**: - 遵循单一变量声明...
通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...
这些库通常包含一系列预定义的函数和对象,可以帮助开发者更高效地构建复杂的应用。例如,jQuery的`$`函数可以方便地选择和操作DOM元素,而YUI3则提供了一整套模块化的解决方案。 应用层: 应用层是基于底层和组件...