FreedomLeo1的博客

Envision a scenario where we are tasked to develop an application with many of the typical UI widgets such as menus, tabs, data grids, dynamic forms and styled pop-up windows. We want something that allows us to programmatically control the position of widgets, which means it has to have layout controls. We also desire detailed and organized centralized documentation to ease our learning curve with the framework. Lastly, this application needs to look mature and go into beta phase as quickly as possible, which means we don’t have lots of time to toy with HTML and CSS. Before entering the first line of code for the prototype, you need to decide on an approach to developing the front-end. What are your choices? We do some recon on the common popular libraries on the market and quickly learn that all of them can manipulate the DOM but only two of them have a mature UI library, YUI and Ext JS. At a first glance of YUI, we might get the sense that we need not look any further. We toy with the examples and notice that they look mature but not exactly professional quality, which means we need to modify CSS. No way. Next, we look at the documentation at http://developer.yahoo.com/yui/docs. It’s centralized and extremely technically accurate, but it is far from user friendly. Look at all of the scrolling required to locate a method or class. There are even classes that are cut off because the left navigation pane is too small. What about Ext JS? Surely it has to better -- right?