`

[YUI示例]YUI Core

阅读更多
公司要做公网的网站,目前前端框架选定YUI,通过两天学习我发现YUI这个库理解起来一点不比Ext简单,里面很多比较复杂的函数,没有一两个月估计很难有个基本的理解。还是先从最简单的例子学起吧。

YUI().use('node' ...

YUI()函数负责生成一个YUI实例并返回,在参数里可以设置一些配置项,例如debug什么的,这里我们什么都没设置。'node'参数指明要加载的模块,通过控制台我们可以看到页面上会加载到node模块所需的所有js文件。

YUI().use('node' function(Y) ...

use函数的最后一个参数将做为回调函数,该回调函数第一个参数为YUI实例对象;异步加载情况下,该函数将在加载完毕后执行,这是一种使用YUI实例对象的推荐方式

YUI().use('node', function(Y) {
    var node = Y.one('#demo');
    Y.log('Found node.. Setting style');
    node.setStyle('backgroundColor', '#D00050');
    node.set('innerHTML', '<strong>Changed!</strong>');
});

通过在回调函数使用YUI实例我们免去生成外部引用的麻烦(个人以为这样可以确保组件是可插拔的),回调函数执行时所需JS已加载完毕,所以就可以使用对应模块的方法了
1
3
分享到:
评论

相关推荐

    YUI2 库与例子都有了

    1. **核心库(Core)**:这是YUI的基础,提供事件处理、DOM操作、CSS样式处理、JSON解析等基础功能。它使得开发者能够更方便地进行页面交互和元素操作。 2. **控制台(Console)**:这是一个调试工具,用于在浏览器...

    yui最新版,api example docs

    1. **模块**:YUI由多个模块组成,如Core(核心)、Event(事件)、Node(DOM节点操作)、IO(异步数据请求)等。每个模块都提供了一组相关功能。 2. **类**:每个模块下有若干个类,这些类定义了对象的行为和属性...

    yui开发小练习(高手勿入)

    例如,`yui-core`包含了基础的事件处理和DOM操作,而`yui-node`提供了更高级的DOM操作API。 2. **事件处理**:YUI提供了一套完整的事件系统,包括事件注册、事件触发和事件代理等。通过`Y.on()`函数可以监听DOM元素...

    Ext Core Manual

    在网页中引入Ext Core后,可以通过以下示例代码检查是否一切正常: ```javascript Ext.onReady(function() { // 创建一个带有特定类名的段落元素,并追加至body中 Ext.DomHelper.append(document.body, { tag: 'p...

    Spket_IDE,_Ext开发帮助

    &lt;include name="core\Ext.js"/&gt; &lt;include name="adapter\yui-bridge.js"/&gt; &lt;include name="yui\yahoo.js"/&gt; &lt;include name="yui\dom.js"/&gt; &lt;include name="yui\event.js"/&gt; &lt;include name="yui\connection.js...

    ExtJS与.NET结合开发实例.doc

    ExtJS的设计灵感来源于YUI技术,并借鉴了Java Swing的组件组织方式,提供了强大的UI组件和CSS样式,以及数据解析和异常处理机制。 【.NET】是Microsoft开发的一种全面的开发平台,用于构建各种类型的Web应用程序。...

    E3Tree开发文档

    - 易于集成现有树形UI:支持集成如xtree、exttree和yuimenu等。 - 功能丰富:支持多种类型的树,例如普通树、单选树、复选树、动态树等。 #### 二、开发环境与要求 - **开发环境**:本文档以Struts + Hibernate +...

    EXT学习资料1

    UI Library (YUI) 构建,提供了完整的 MVC(Model-View-Controller)架构,便于开发复杂的 web 应用。EXT 的组件化设计使得开发者可以方便地组合各种小部件,实现复杂的页面布局和交互。 2. **下载与开始** 要开始...

    界面框架extjs学习笔记

    1. `adapter`:这部分包含了适配器,用于将EXTJS与不同的底层库(如Prototype、jQuery或YUI)集成,使得EXTJS能够支持这些库的功能。 2. `build`:这个目录下存储的是经过压缩的EXTJS完整源码,适合在生产环境中...

    DWZ帮助文档 PDF版

    与其它JavaScript框架相比,DWZ的最大优点在于它具有高度的可配置性和可扩展性,可以很容易地融入到各种Web项目中,并且与现有的Web技术栈兼容,如jQuery、ExtJS、YUI等。 从技术细节来看,DWZ框架包含了许多常用的...

    extjs 实用教程

    - **起源:** ExtJS最初基于Yahoo UI Library (YUI),由开发者Jack Slocum开发。 - **发展:** 通过参考Java Swing等机制来组织可视化组件,逐步形成了独特的组件体系结构。 #### 二、获取ExtJS - **官方下载:** ...

    EXT中文手册.pdf

    EXT通常可以从其官方网站或者开源社区如GitHub上下载,下载的包通常包含源码、文档、示例和必要的依赖库。开发者可以根据项目需求选择不同版本的EXT,同时注意保持与所使用的其他库(如jQuery)的兼容性。 3....

    Ext 教程详解 适

    - 适配器Adapters:适配器是EXT与不同JavaScript库(如YUI、Prototype)交互的桥梁,让EXT可以在其他框架基础上工作。 - 核心Core:EXT的核心库包含了基本的DOM操作、事件处理、动画效果等功能,是EXT所有组件和功能...

    EXT中文教程121212

    通常,EXT的发行包会包含源码、示例、文档等多个部分,下载后解压即可开始学习和开发。 开始!: EXT的学习可以从了解基本的Element概念开始,Element是EXT对DOM节点的封装,提供了许多便利的操作方法,如样式设置...

Global site tag (gtag.js) - Google Analytics