What is Yui? Yui Introduction

What is Yui?

The official explanation is "the Yahoo! User Interface library (Yui) is "yahoo user interface library (Yui)" in Chinese.
"Yahoo user interface library" is a tool and control library written in JavaScript. It uses Dom scripts, DHTML, and Ajax to construct a web with rich interactive functionsProgram. Yui
It also contains several core CSS files. All components in Yui have been released as open source. They comply with the BSD Protocol and are free to use. From
The http://developer.yahoo.com/yui/ site downloads the complete project file and the Open Source site SourceForge site downloads the complete project file, including the relevant documentation and Examples
. It also contains relevant documents and examples (because Yui documents are very detailed, so there are basically few new documents written on the InternetArticle).
You are not very good at English. Please refer to this website:
Http://www.worldlingo.com/wl/services/S1790.5/translation? Wl_srclang = PT & wl_trglang = zh_cn & wl_url = http % 3A % 2f %
2f0000.yahoo.com % 2 fyui % 2f
(Exactly the same Yahoo Chinese Yui site)

1. Download Yui

The latest version is 2.3.1 and the size is 6 MB,
: Http://developer.yahoo.com/yui/
Http://sourceforge.net/projects/yui/

Yui components are divided into two categories: Toolkit and control library

Yui Toolkit

The Yui toolkit uses Dom scripts to simplify in-browser devolvement development in the browser, and uses the features of DHTML and Ajax to develop all web programs.

Animation: create a "cinematic effects" on your page by specifying the position, size, transparency, or other features of the page element )".
These effects will give users a better experience when your page changes.

Connection Manager: This toolkit helps you manage XMLHttpRequest (usually called Ajax) transactions. It provides information about form posts.
Full support for error handling and callbacks. This toolkit also supports file upload management.

DOM: the DOM toolkit provides a simpler way to call Dom scripts, including the management of element positions and CSS styles.

Drag and Drop: Creates drag-and-drop objects. To provide rich interaction functions (such as dragging an object to the target location), you may need to write a lotCode. This tool
The package can capture all operational transactions in all supported browsers and ensure stable operation.

Event: This magic Management Library provides you with a simple and secure way to access browser events (such as click and keyboard operations ). This event package also contains custom
Event object, which provides a mechanism for publishing and subscribing to events for your program interaction.

Yui control:

The Yui control library provides a set of highly interactive visual elements for your page. These elements are completely created and maintained on the client, and you do not need to request the server to refresh the page.

These controls include:

AutoComplete control: the autocomplete control provides a progressive user experience (streamline user interactions) for text input ). Controls provide similar
Item List and type-ahead functionality based on a variety of data-source formats
Access data on the server through XMLHttpRequest.

Calendar control: a dynamic graphical Control for date selection.

Container controls: A group of controls that mimic windows styles, including tooltip, panel, dialog, and simpledialog. The module and overlay controls are provided.
For an extensible platform, you can control custom controls that mimic windows styles.

Logger control: provides a fast and simple way to record logs. It directly outputs log information to the on-screen console and Firefox extensions.
The component firebug, or the Javascript console of safari. The debug component of Yui completely records the output and debugging information.

Menu Control: This control can be used to design a dynamic menu with just a few lines of simple code. You can use JavaScript to construct a menu. can be
Layered on top of semantic Unordered Lists.

Slider control: provides a slide widget that allows you to change the slider position within a certain range (X axis, Y axis.

Treeview control: provides a node-scalable tree control. Nodes can be links, custom attributes, and can be dynamically loaded. You can modify the display of node elements through CSS, such as the folder view, to-do task list, or other visual processing.

Chapter 3 CSS resources of Yui

In order to make CSS conform to browser (A-grade browsers) Standards of different levels, share these as part of the Yui class library and hope to be promoted here for a concise, well-maintained and well-designed in browsers.

Page grid style (CSS page grids): seven basic page frameworks that use CSS to organize sub-components, supporting 130 different page la S.

Standard CSS fonts: Standard cross-browser font style and size display.

Standard CSS Reset: These CSS statements are used to exclude blank parts of the page and the style of common elements is compatible with the display of various browsers.

Yahoo Yui Ajax Toolkit

Yahoo recently launched the Yui Ajax toolkit, and Yahoo published a series of Ajax design patterns. yahoo's sdks are Ajax sdks launched by Yahoo after it acquired multiple Web websites. The Code annotations are well written and the documents are rich and detailed.

Yui components are also constantly increasing. Yahoo sets up a Yahoo user group for Yui, and emails in the group are very active. Most of the questions are answered, which is more detailed and specific.

Yui is divided into two categories. One is Ajax components, which includes several sdks packaged for the underlying JavaScript, including connection, event, Dom, animation, and DND. it also includes a set of advanced JavaScript controls, including AutoComplete, calendar, container, menu, Slider, and Treeview.

Another type is several useful CSS files. One is CSS page grids, which can be used to easily deploy your webpage. The other two are standard CSS fonts and standard CSS reset, which can achieve consistent effects on fonts in different browsers.

Yahoo's Ajax design pattern is an article commonly used in current Web websites to improve user experience and enhance interaction effects. The format is similar to design pattern. sometimes some examples of websites or webpages are provided, of course, all of them are Yahoo's own websites. The javascript above may not be sorted into Yui, but they are also well-formatted JavaScript, there is no confusion.

Refer:
Prodigal son http://www.cnblogs.com/walkingboy/archive/2006/08/21/yui_intro.html

Author: richyue
From: IT learning network original
Update log:
Reference:
Thanks:
Discussion URL:
Tag: Yui
This article is reproduced from IT learning network: http://www.itstudy.cn/www/ArticleContent.asp? Id = 12