`
xvm03
  • 浏览: 144316 次
  • 来自: ...
社区版块
存档分类
最新评论

YUI入门学习

阅读更多

刚开始学习,借鉴一下,有待实践体验一下:

 

YAHOO.util.Connect.asyncRequest('GET', _url, {
    success: function(o) {
     try {
      var response = o.responseText;
      
      // 加载数据
      if(response && response.length > 0) {
       var _weather = $D.get('divID');
       _weather.innerHTML = response;
      } else {
       throw new Error('返回的数据有误');
      }
     }
     catch (ex) {
      _weather.innerHTML = '对不起,服务器返回的数据异常,请稍候再试。';
     }
    },
    failure: function(o) {
     // ignore
    }
   });

 

一个JS框架的特性,实现自动循环展示图片,效果不错,下面是部分代码:

 

(function() {
      
      var D = Unicorn.util.Dom,
       E = Unicorn.util.Event;
      
      Unicorn.widget.SlideView.decorate('focus_change',
       { navBarCls: 'focus_change_nav',
         panelsWrapperCls: 'focus_change_list',
         effect: 'scrollx'
       });
      
      Unicorn.widget.SlideView.decorate('sightShow', { effect: 'fade', animDuration: 1 } );
      
     })();

分享到:
评论

相关推荐

    关于yui的学习

    在实践中,了解如何正确引入和初始化YUI,以及如何管理依赖关系,是非常基础但重要的步骤。YUI支持模块化加载,这使得只加载需要的组件成为可能,从而减少页面的加载时间。同时,理解YUI的异步加载机制也很关键,它...

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

    《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...

    YUI 入门教程YUI 入门教程YUI 入门教程

    本教程将深入介绍YUI的基础知识和关键特性,帮助开发者快速入门。 首先,YUI提供了一系列强大的DOM操作工具,例如`YAHOO.util.Dom.get`用于通过ID查找页面元素,类似于`document.getElementById`。`YAHOO.util.Dom....

    Yui_ext 学习笔记

    这篇学习笔记主要介绍了 Yui_ext 的基础知识,适合对 JavaScript 和 HTML DOM 有一定了解的初学者。 首先,了解 Ext 库的基本概念。Ext 提供了一个强大的框架,用于创建具有丰富用户体验的网页应用,其核心是 ...

    yui.rar 例子

    在“yui.rar”里,可能包含有如“yui-core”、“yui-dom”、“yui-event”等基础模块,这些模块分别对应核心功能、DOM操作和事件处理。开发者可以通过精确定义配置,选择需要的模块,确保代码高效运行。 YUI还提供...

    YUI2.8.1包括demo api是学习的好东西

    6. **数据管理**:YUI Data模块提供了数据存储和操作的功能,例如数据模型、数据视图和数据绑定,为复杂的数据驱动应用提供了基础。 7. **布局管理**:YUI的Layout Manager模块可以帮助开发者创建响应式和自适应的...

    【YUI组件】基于YUI的表单验证器

    **标题解析:** ...这些知识点涵盖了使用YUI表单验证器的基础和进阶内容,对于开发者来说,理解并掌握这些将有助于在实际开发中有效利用这个工具。如果能访问到提供的博客链接,将能得到更具体的实现细节和技巧。

    yahoo3.0 YUI Examples

    2. **核心组件**:YUI 3的核心组件包括事件处理、DOM操作、动画效果、I/O处理等,这些都是构建交互式Web应用的基础。 3. **CSS组件**:YUI提供了丰富的CSS样式库,如Grids(网格布局)、Buttons(按钮)、Forms...

    YUI-ajax框架开发文档

    这个版本可能已经有些陈旧,但仍然可以作为学习YUI Ajax框架的基础。通过查看提供的demo,开发者可以直观地了解如何在实际项目中应用YUI的Ajax功能,比如动态加载内容、无刷新更新页面等。 总之,YUI的Ajax框架为...

    yui_3.8.1.zip

    学习YUI,首先需要掌握JavaScript基础知识,然后通过官方文档了解YUI的模块化结构和API。官方文档详细且全面,包含了大量的示例代码,便于开发者快速上手。同时,社区资源丰富,有许多优秀的教程和示例项目可供参考...

    YUI2 库与例子都有了

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

    YUI.rar_html_javascript YUI_yui_yui javascript

    通过学习和实践这些示例,开发者可以深入了解YUI的功能和用法,提高自己的前端开发技能。 总结来说,YUI是一个强大的JavaScript库,它的强大功能和丰富的组件为开发者带来了极大的便利。通过研究YUI的源码和示例,...

    yui_3.0.0(雅虎官方)

    学习YUI 3.0.0,首先需要了解JavaScript基础,然后掌握其模块化机制和事件处理。接下来,深入学习各个核心模块,如DOM操作、动画、数据绑定等,并通过实际项目实践来提升技能。此外,利用YUI提供的调试工具进行代码...

    yui_2.9.0用于javascript基础教程

    适合图灵程序设计丛书web开发系列-javascript基础教程的学习使用

    YAHOO YUI3简单入门

    本教程将带你入门YUI3的基础知识。 **模块化设计** YUI3的核心理念是模块化,这意味着你可以根据需要只加载所需的组件,从而降低页面加载时间和资源消耗。例如,`yui-min.js`就是YUI3的最小核心模块,它包含了YUI...

    yui 3.1.2 源码 6MB大小 0资源分

    在源码中,我们可以看到YUI的核心模块`yui-base`,它是所有其他模块的基础,提供了一些基础功能,如事件处理、DOM操作等。`event`模块是处理用户交互的关键,包括鼠标和键盘事件。而`node`模块则封装了DOM操作,使得...

    YUI version 2.5.2 (最新版)

    5. **CSS重置与基础样式**:YUI提供了CSS重置和基本的样式库,有助于消除浏览器默认样式的差异,为构建统一的布局打下基础。 6. **表单组件和布局管理**:YUI包含了一些表单组件(如按钮、复选框、输入框等)以及...

    高效WEB前端开发之路:YUI3.15

     本书作者便是在此背景下,以国外最优秀的JavaScript框架之一——Yahoo User Interface Library(简称YUI)的最新版本YUI 3.15为基础编写而成。本书通过通俗易懂的语言和大量丰富的实例,帮助读者解决实际生产环境...

    yui2.9

    1. **基础组件**:YUI 2.9的核心包括了DOM、Event、Ajax、Animation等基础组件。DOM模块提供了强大的元素操作接口,使得开发者可以轻松地对HTML文档进行增删改查;Event模块实现了事件监听与分发机制,使得响应用户...

Global site tag (gtag.js) - Google Analytics