YUI3
heihei0923
这个作者很懒,什么都没留下…
展开
-
YUI3学习(一)---入门
学习YUI3有一段时间,并且应用在了一些项目的前端开发中,感觉还是蛮不错的,所以决定开始记录下YUI3的学习历程和个人经验。 YUI3在前身YUI2基础上进行了大量的重新设计,并不只是简单的版本升级。YUI3强调代码重用,将功能做了级别划分和颗粒化的设计。在概念上抽象出 核心、工具、和组件类,分别放在不同的目录结构中,需要的时候自行去引用。为动态加载的框架设计做铺垫。YUI 3...2011-07-03 22:30:20 · 152 阅读 · 0 评论 -
YUI3学习(九)---组件框架之 Widget
Widget部件类是YUI3所有部件的基础类。它在Base的基础上提供了以下几个核心的基础功能: 1,在Base的init和destroy时刻,添加render生命周期管理。 2,抽象的渲染相关方法,促进一致的MVC模式访问。 3,统一的部件属性设置方法。 4,一致的标记生成支持。 5,一致的css样式名称生成支持。 6,内建的渐进增强支持。 提示:3.1.0版本后的widge...2011-08-10 21:53:15 · 354 阅读 · 0 评论 -
YUI3学习(八)---组件框架之 Plugin
插件可以让你无侵入地为衍生自Base类的宿主对象(称为host的对象)添加对象。如Node、Widget等类的对象实例。 可以通过继承Plugin.Base类来创建插件类。除此之外还可以通过后面的其他方法创建插件。 在Base类中已经介绍可以通过插件向组件实例添加功能,组件类甚至可以对插件功能一无所知。这样我们就可以在组件实例级别使用这些功能, 从而避免了为了添加这些功能而把组...2011-08-08 17:42:43 · 193 阅读 · 0 评论 -
YUI3学习(七)---组件框架之 Base
Base组件 Base被设计为那些衍生自Attribute和EventTarget的类的底层基础类。 为创建基于Attribute的对象提供标准模板,也为类的层次提供了一致的init()和destory()方法序列来串联初始化(initializer)和销毁(destructor)方法。 Base同时也通过plugins或extensions机制为类提供了代码重用的方法。 对应模块‘bas...2011-08-05 22:45:18 · 193 阅读 · 0 评论 -
YUI3学习(六)---组件框架之 Attribute
1,YUI3组件框架 组件框架基于YUI Core,是建立和扩展组件的基础;组件框架从下而上依次基于attribute、base、widget 模块组成,同时基于plugin模块实现灵活扩展。 相关类说明: Attribute类 提供属性管理,可以扩展任何类使之具备属性管理功能,如提供get/set接口和change事件。 Base类 提供属性管理和基础的事件机制,同时...2011-08-01 22:57:01 · 197 阅读 · 0 评论 -
YUI3学习(五)--- Event
YUI Event 组件 通过提供简单的Dom事件响应接口为开发事件驱动的应用提供了便利。该组件同时也包含自定义事件支持,自定义事件允许你在程序中发布事件,其他的组件可以订阅这些事件做出响应。 以下分步介绍YUI事件系统的相关功能。 基本DOM事件 Y.on()注册事件 使用基本Event组件的方法,需要引入'event'模块;在Node模块介绍中提到过如何为Node注册Dom事件的方...2011-07-28 23:09:54 · 179 阅读 · 0 评论 -
YUI3学习(四)--- Node
YUI3 ‘node’ 模块为创建、操作和获取DOM节点对象(集合)提供了丰富的方法。该模块包含两个主要的对象 Node和NodeList。每一个Node实例表示一个底层的DOM节点;每一个NodeList实例表示一组DOM节点集合。相比YUI2,YUI3 的 Node在模块组织和方法上有了很大的精简,但同样提供丰富的功能;下面简单介绍下node模块Node和NodeList的主要方法和使用。完...2011-07-16 17:07:26 · 189 阅读 · 0 评论 -
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说明如...2011-07-12 22:51:13 · 218 阅读 · 0 评论 -
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模块作为具体实现的一个种子,你只需要...原创 2011-07-09 00:17:49 · 212 阅读 · 0 评论 -
YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)
本文遵循YUI3 Widget组件设计理念,继承YUI Widget类将Google Maps API v3 进行简单的封装,实现GoogleMapWidget组件。 涉及几个知识点:自定义Widget组件、自定义组件的css加载 1、定义MapWidget组件 YUI({ modules: { 'KBox':{//调用其他的组件 fullpa...2012-03-03 20:37:53 · 267 阅读 · 0 评论