The document describes the architecture of YUI 3.x, including the core modules, seed modules, component framework, and various components. The core provides event handling functionality. The seed provides minimal base functionality. The component framework includes modules for DOM manipulation and attribute handling. Specific components provide drag-and-drop, animation, IO, cookie handling, and more. The YUI loader allows dynamic loading of modules.
The document describes the architecture of YUI 3.x, including the core modules, seed modules, component framework, and various components. The core provides event handling functionality. The seed provides minimal base functionality. The component framework includes modules for DOM manipulation and attribute handling. Specific components provide drag-and-drop, animation, IO, cookie handling, and more. The YUI loader allows dynamic loading of modules.
The document describes the architecture of YUI 3.x, including the core modules, seed modules, component framework, and various components. The core provides event handling functionality. The seed provides minimal base functionality. The component framework includes modules for DOM manipulation and attribute handling. Specific components provide drag-and-drop, animation, IO, cookie handling, and more. The YUI loader allows dynamic loading of modules.
The document describes the architecture of YUI 3.x, including the core modules, seed modules, component framework, and various components. The core provides event handling functionality. The seed provides minimal base functionality. The component framework includes modules for DOM manipulation and attribute handling. Specific components provide drag-and-drop, animation, IO, cookie handling, and more. The YUI loader allows dynamic loading of modules.
Copyright:
Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online from Scribd
Download as pdf or txt
You are on page 1/ 1
based on YUI 3.
0 PR1 2008-09-12
YUI 3.x Architecture (JavaScript)
core Event Event Base Provides DOM event and Custom Event functionality, event facade implementation, and page-load storyboarding events.
seed YUI YUI Base Minimal YUI Global and core library methods. The only universal YUI 3.x dependency.
component framework Node Node Base
components Drag and Drop DD Manager Base Provides base DD manager functionality to make a Node draggable.
Widget Provides foundational plumbing for high-level UI components, including lifecycle management. Builds upon base and is an Attribute provider.
Animation Anim Base Provides foundational animation support for animating properties on the style object of an element.
IO Provides XMLHttpRequest, SWF-based cross-domain requests, and le upload support.
Provides abstraction for creating and manipulating DOM elements. Can be extended by components via plugin architecture.
Base Provides base class for all YUI components that provide managed attributes and that serve as event targets.
DDM Shim Extends DD manager to allow elements to be dragged over iframes and other mousetraps.
Cookie Provides cookie management support.
Get Provides generic mechanism for dynamically loading script and CSS resources.
Anim Color Extends animation functionality to support animations of color values.
Dom Dom Base Provides low-level DOM helper methods.
NodeList Extension of Node to handle abstraction for element collections; used for batching DOM manipulations.
Attribute Provides managed attribute system that can augment any class; includes get/set interface and intrinsic change events.
JSON Stringify Convert JavaScript objects to JSON strings.
DD Drag Provides DD functionality for simple drag operations on a Node.
Anim Curve Extends animation functionality to support animations of element position along a curved path.
Loader Adds dependency calculator and YUI 3.x package metadata, allowing dynamic loading of all YUI modules in single, combo-handled HTTP requests.
Node Style Dom Style
Provides low-level style management methods. Extended API for manipulating style properties on Nodes and NodeLists.
Plugin Plugin namespace. Forthcoming class will serve as a template for plugin functionality. Plugins can also operate directly on Nodes.
DD Drop Provides drop-target functionality.
Parse Safely convert strings to JavaScript objects.
Anim Easing Extends animation functionality to support easing effects.
Dom Screen Provides low-level positioning and region management methods.
Node Screen Extends Node and NodeList API for positioning and region management.
DD Proxy Provides proxy-drag functionality.
...and more Anim Scroll Extends animation functionality to support animations of elements' scroll positions. More utility (low-level) components are provided in the YUI 3.0 preview release 1 build. Future preview releases and betas will include the full component framework and samples of higher-level components (widgets).
Selector Provides low-level methods for collecting and ltering DOM elements based on selector syntax.
DD Plugin Provides pluggable drag functionality for Node instances.
Anim XY Adds support for the xy property in from and to congurations.
OOP OOP Base Provides low-level object management functionality for JavaScript objects including extension and augmentation.
DD Drop Plugin Provides pluggable droptarget functionality for Node instances.
Anim Plugin Provides pluggable animation support for Nodes.
The YUI Seed layer can be used to bootstrap any implementation. With the seed on the page, YUI().use() can bring in all additional components quickly and safely.
YUI's 3.x Core serves as a common dependency layer for most downstream components. Let the YUI Loader (or Dependency Congurator) calculate your true core dependencies, though; in many cases, you will not require the full core layer, even if you are using downstream components.
The Component Framework (not yet complete as of PR1) will provide a consistent and reusable structure for building low-level utilities and higher-level UI widgets.
Components in YUI 3.x are provided a la carte and can be highly modular. You can minimize your inclusion of library code by selecting the specic portions of each component that are required in your implementation.
