YUI learning-1

YUI web http://developer.yahoo.com/yui/

YUI (Yahoo! User Interface Library) is a client application framework written in JS, compatible with the current major browsers. It provides a convenient way to develop web Client Applications with rich functions. In addition, this framework is free to use and open-source.

One of my current projects is a CRM Project of China Telecom, which adopts a talent framework on the client, so I am still learning about it. By the way, I will write down my learning documents and hope to communicate with you more.

The downloaded YUI package contains several main folders.

Build: This is the code generated by the Framework. If we develop a project by ourselves, we only need to reference the JS file in this folder.
Each JS file in this folder has three names: *. js, *-debug. js, and *-min. js.

*. Js files are annotated, *-debug. js not only has detailed annotations, but also adds some debugging information, so the file size is also the largest, *-min. javaScript files are compressed, difficult to read and learn, and the file size is the smallest. In the project, we use *-min. js. Let's take a look at the so-called JS compression to remove unnecessary spaces, press enter, Tab, and so on. All the code is crowded together. There is also the compression of variable naming, where local variables basically use a letter. JS compression is mainly used to reduce the file size and facilitate rapid download by the client.

The docs file is the APT document of YUI.

The examples file is the main example. Each example has two files: *. html and * _clean.html. The * _clean.html file only leaves the Code required for the example. We recommend that you view the * _clean.html file. In this folder, the assets folder stores css, images, and other additional js files used in the example.