`
fuhao_987
  • 浏览: 63712 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

YUI的全局对象

阅读更多
原文: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
....
分享到:
评论

相关推荐

    《YUI使用文档》汉语版的yui学习材料

    `namespace`方法允许开发者创建自定义的全局命名空间,避免变量冲突,确保代码的组织性和可维护性。例如,YUI会自动创建`widget`, `util`, `example`等基础命名空间,开发者可以自由扩展。 接着,`lang`模块提供了...

    YUi文档(中文的哦)

    - **Lang对象**: `YUI`全局对象还包括一个`Lang`对象,它封装了一些JavaScript语言本身的实用功能,如类型检查等,以便于开发者使用。 #### Node模块详解 Node模块是用于操作DOM节点的强大工具,每个Node实例代表...

    YUI 详细说明文档

    - **namespace**:此方法用于创建全局命名空间,以便在项目中组织代码和避免命名冲突。例如,`YAHOO.namespace('myApp.util')`将创建一个名为`myApp.util`的新命名空间。 - **lang**:这一系列工具包括判断对象...

    经典的YUI 示例中文文档

    - **`znamespace`**:YUI提供了一种简单的方式来管理全局命名空间。例如,在使用YUI时,默认会自动创建`widget`、`util`、`example`等命名空间。开发者可以根据需求自定义其他命名空间,这种方式类似于在程序中创建...

    mvn 配置 yui 自动 打包

    Maven是一个基于项目对象模型(Project Object Model,POM)的项目管理和综合工具。通过POM,Maven可以管理项目的构建、报告和文档,使得开发者能够在整个项目的生命周期中保持一致性。 为了配置Maven来使用YUI ...

    JavaScript libraries--->jQuery, Prototype, Mootools, YUI, Extjs, Dojo

    - 它的命名空间管理避免了全局变量污染,使得代码更易于维护。 - 动画效果和DOM操作在MooTools中同样强大,而且有良好的性能表现。 - 使用MooTools的语法通常是 `$$('selector').action()`。 4. **YUI(Yahoo! ...

    学习YUI.Ext 第三天

    熟悉变量、作用域、数据类型以及对象的性质,将有助于更好地理解和应用YUI.Ext的API,从而更有效地开发Web应用程序。在后续的学习中,我们将进一步探索YUI.Ext如何利用JavaScript的这些特性来提供强大的UI组件和事件...

    JavaScript 设计模式 安全沙箱模式

    其次,由于全局对象只有一个,因此任何一个部分的代码都可能不小心修改了全局对象,而其他依赖于全局对象的代码则不得不做出相应调整,导致全局对象的变更可能影响到整个应用。 在这种背景下,引入了Sandbox构造器...

    YAHOO UI 工具库

    YUI通过`YAHOO.namespace`方法帮助开发者创建和管理全局命名空间,避免命名冲突。当使用YUI时,`widget`, `util`, `example`等命名空间会被自动创建。此方法允许开发者自定义命名空间,如`YAHOO.myApp.myModule`,...

    YUI的Tab切换实现代码

    5. **命名空间**:为了保持代码的整洁和避免全局变量污染,应当将`Tab`类放入一个命名空间内,而不是直接暴露在全局作用域。 **HTML 结构与初始化** HTML结构通常包括一个用于放置触发器的容器(如`<ul>`)和一个...

    YUI Compressor压缩JavaScript原理及微优化

    同时,它也会优化对象字面量,如`{"property": 123}`简化为`{property: 123}`,以及字符串拼接操作,例如`"abcd" + "efgh"`会被合并成`"abcdefgh"`。 标识符替换是YUI Compressor的一大亮点,它会重命名函数名和...

    学习YUI.Ext 第二天

    闭包在这里的作用是创建了一个临时的作用域,允许函数内部访问和操作外部环境的变量,而不会污染全局作用域。 闭包还有另一个重要的用途,即在函数之间传递行为。例如: ```javascript var main_fn = function(fn,...

    编写可维护的JavaScript(中文)

    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章 语句和表达式 ...

    40个轻量级JavaScript库[整理].pdf

    - **Validanguage**:一个集成逻辑的验证框架,支持全局、单个表单或对象设置,有HTML-like和面向对象两种API。 - **LiveValidation**:实时验证库,与Ruby on Rails的命名规则相似,有独立版和Prototype版。 - *...

    Ajax_JQuery笔记.rar

    其他如Prototype、YUI、Dojo等也提供了Ajax功能,但jQuery的简洁API和丰富的插件生态系统使其在许多场景下更胜一筹。 总之,Ajax和jQuery的结合使得Web应用能够提供更流畅、更高效的用户体验。通过深入理解和熟练...

    JS 数据库答案.docx

    在全局作用域中直接调用`b()`,`this`默认指向`window`对象,所以`(1)`输出`undefined`,因为`this.v`未定义。通过`window.b()`调用时,`this`依然指向`window`,`(2)`同样输出`undefined`。使用`call`方法改变`this...

    ECMAScriptBestPractices:基于道格拉斯·克罗克福德(Douglas Crockford)的Javascript YUI系列的ECMAScript中的良好实践的实现

    这个名为"ECMAScriptBestPractices"的项目,显然是基于Crockford的思想和他在YUI(Yahoo! User Interface Library)系列讲座中的讲解,提炼出了遵循的最佳实践。 1. **变量声明与作用域**: - 遵循单一变量声明...

    如何解决jQuery 和其他JS库的冲突

    通常,全局对象都被很好地存储在 jQuery 命名空间里,因此当把 jQuery 和其他 JavaScript 库(例如 Prototype、MooTools 或 YUI)一起使用时,不会引起冲突。 注意:默认情况下,jQuery 用 $ 作为自身的快捷方式。 1...

    WebRebuild北京第一届交流会之4:《javascript的分层概念》——阿当

    这些库通常包含一系列预定义的函数和对象,可以帮助开发者更高效地构建复杂的应用。例如,jQuery的`$`函数可以方便地选择和操作DOM元素,而YUI3则提供了一整套模块化的解决方案。 应用层: 应用层是基于底层和组件...

Global site tag (gtag.js) - Google Analytics