最新文章列表

YUI3 实现overlay展开是tree,并且树节点可以拖拽-drag和drop

    本篇是用YUI3实现单击按钮,浮现overlay面板,并且在面板中出现一棵树,树的叶子节点是可以拖拽drag和drop的,正如附件中的图片中的下方的蓝色框中是drop的地方,每一类功能都是参考YUI library写的,算是对三种功能的合并,刚开始的时候我把它想简单了,没能实现,仔细学了下,就写出来了~~实现的功能展示大家可以看附件的图片~~现在,我把源码贴出来,因为YUI3中文的资料基本 ...
ttwang 评论(0) 有1550人浏览 2012-12-05 15:02

YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)

本文遵循YUI3 Widget组件设计理念,继承YUI Widget类将Google Maps API v3 进行简单的封装,实现GoogleMapWidget组件。 涉及几个知识点:自定义Widget组件、自定义组件的css加载   1、定义MapWidget组件     YUI({ modules: { 'KBox':{//调用其他的组件 fullpat ...
houfeng0923 评论(2) 有2867人浏览 2012-03-03 20:37

YUI3 event-base

event-base 不但 是dom事件基础,还包含了dom事件的生命周期   但它不支持  delegation (委托事件), simulation (模拟事件),synthetic eventsevent-base模块包括三个特别事件,可以被用来执行dom,或dom 树的元素,准备脚本。 domready dom事件加载完成现代浏览器差不多都支持一个的事件,这一事件发生在窗口的 ...
284772894 评论(0) 有1226人浏览 2012-03-01 10:58

YUI Global Object小结

  入门:yui-min.js   基础种子:yui-base-min.js   核心种子:yui-core-min.js     两种加载方式 动态加载: 用use() 静态加载(Static Loading): 手动加载   模块的状态:   Not loaded:模板没有加载完毕,也没有实例化 Loaded: 模板已经加载完毕,但并没有实例化,可能其 ...
284772894 评论(0) 有1287人浏览 2012-02-28 16:23

YUI3学习(八)---组件框架之 Plugin

    插件可以让你无侵入地为衍生自Base类的宿主对象(称为host的对象)添加对象。如Node、Widget等类的对象实例。 可以通过继承Plugin.Base类来创建插件类。除此之外还可以通过后面的其他方法创建插件。 在Base类中已经介绍可以通过插件向组件实例添加功能,组件类甚至可以对插件功能一无所知。这样我们就可以在组件实例级别使用这些功能, 从而避免了为了添加这些功能而把组件 ...
houfeng0923 评论(0) 有2310人浏览 2011-08-08 17:42

YUI3学习(六)---组件框架之 Attribute

  1,YUI3组件框架 组件框架基于YUI Core,是建立和扩展组件的基础;组件框架从下而上依次基于attribute、base、widget 模块组成,同时基于plugin模块实现灵 ...
houfeng0923 评论(0) 有2566人浏览 2011-08-01 22:57

YUI3学习(五)--- Event

YUI Event 组件 通过提供简单的Dom事件响应接口为开发事件驱动的应用提供了便利。该组件同时也包含自定义事件支持,自定义事件允许你在程序中发布事件,其他的组件可以订阅这些事件做出响应。  以下分步介绍YUI事件系统的相关功能。 基本DOM事件 Y.on()注册事件 使用基本Event组件的方法,需要引入'event'模块;在Node模块介绍中提到过如何为Node注册Dom事件的方法 ...
houfeng0923 评论(0) 有4666人浏览 2011-07-28 23:09

YUI3学习(四)--- Node

YUI3 ‘node’ 模块为创建、操作和获取DOM节点对象(集合)提供了丰富的方法。该模块包含两个主要的对象 Node和NodeList。每一个Node实例表示一个底层的DOM节点;每一个NodeList实例表示一组DOM节点集合。相比YUI2,YUI3 的 Node在模块组织和方法上有了很大的精简,但同样提供丰富的功能;下面简单介绍下node模块Node和NodeList的主要方法和使用。完整 ...
houfeng0923 评论(3) 有3189人浏览 2011-07-16 17:07

YUI3学习(三)---OOP

前一篇 YUI3学习(二)--YUI Global Object 在前篇YUI3 Global Object中介绍了oop模块中的的两个继承相关的方法 extend 和augment。 本篇介绍下YUI3 oop模块剩余的几个方法。   Y.aggregate(r,s,ov.wl) 同样的基于Y.mix的属性合并方法;需要  区别Y.aggregate与Y.merge  API说明如下 ...
houfeng0923 评论(0) 有3216人浏览 2011-07-12 22:51

YUI3学习(二)--YUI Global Object

前一篇 YUI3入门 YUI3 Global Object  http://developer.yahoo.com/yui/3/yui/   首先需要了解在YUI3 api文档模块列表的yui模块: YUI模块是YUI3.x实现的单个核心依赖。在使用YUI的页面中都必须包括YUI,这是唯一的依赖文件。YUI模块包含模块加载功能和模块依赖计算功能,YUI模块作为具体实现的一个种子,你只需要提 ...
houfeng0923 评论(0) 有5411人浏览 2011-07-09 00:17

YUI3学习(一)---入门

     学习YUI3有一段时间,并且应用在了一些项目的前端开发中,感觉还是蛮不错的,所以决定开始记录下YUI3的学习历程和个人经验。     YUI3在前身YUI2基础上进行了大量的重新设计,并不只是简单的版本升级。YUI3强调代码重用,将功能做了级别划分和颗粒化的设计。在概念上抽象出 核心、工具、和组件类,分别放在不同的目录结构中,需要的时候自行去引用。为动态加载的框架设计做铺垫。YUI 3重 ...
houfeng0923 评论(6) 有13536人浏览 2011-07-03 22:30

使用js, jquery YUI2 YUI3设定dom位置的做法

1.首先 dom节点的postion属性需要为absolute的,这样才可以设置left与top属性来改变位置   <div id="box" style="position:absolute;width:100px;height:100px;border:1px purple solid;"></div>   2.修改上面的b ...
snowing11812 评论(0) 有2235人浏览 2011-07-01 13:47

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics