Why are there jquery, Dojo, Ext, Prototype, YUI, zepto so many JS packets?

The current popular JS framework many dojo, scriptaculous, Prototype, Yui-ext, Jquery, MochiKit, MooTools, moo.fx and so on. Of course there are a lot of frameworks that I'm not familiar with, and there are no lists.

Many people will ask in the jar, which frame is good? Which frame is more bull X? Which frame oo is more comfortable?

Personally, this is a mistake logic that a novice can easily make. Any thing in the world, any tool, is not the best of this argument, only fit and not fit.

We need to choose a framework that has the relevant characteristics based on the real needs of our project.

First, JQuery
recommended levels: five-star  
Usage scenario: any  
: Jquery  or Google search jquery download  
Recommended reasons: Currently I use the most framework, is also my personal most recommended one. exactly where? ？ 1. Small 2. Simple. (The learning cost is low, but the results are high, the manual has clear enough examples to get you from 0 to project completion) 3. Good internal structure, open source, focus on logic 4. Powerful for DOM selection (in fact, JS is mostly in the DOM) 5.UI extension Well (here is the jquery tools and jquery UI, you can search to see the two jquery extension UI, You'll find that the UI is simple, and because of the extensibility of the UI, so he's no less than the other frameworks.

< Span class= "Apple-converted-space" > II, ExtJS
: HTML5 App Development for Desktop and Mobile. JavaScript frameworks and Dev Tools from Sencha.
Usage Scenario: internal system, back-end system, management system, etc. &NBSP;
Recommended level: Four star
Recommended reasons: The ExtJS has a very good UI design. Design ideas: 100% Object-oriented and modular ideas to advance the application of RIA (Rich Internet application). So when you do things like back-office management, enterprise internal processes, or other management systems, this is definitely your best choice. Why is it? Because it's a few lines of code to generate a very beautiful full-ui UI, powerful, style optional. Have done a CMS backstage and an enterprise internal system is done with this, saving a lot of manpower and time, and widely praised. But there are drawbacks: when a page loads a lot of tab, JS may have to download several files at the same time. Simply said that JS will be larger! A slightly more complex, heavyweight framework (with a lot of UI) and a large volume. If you import ext-all.js, it also has nearly 500k after compression. but for background management and enterprise internal systems, this can be a bottleneck.
/p>

Third, YUI
: YUI Library
Recommended level: 4 stars
Recommended reasons: Yui This framework I have only studied, but not used in the project independently. Mostly after entering the project, the predecessors used Yui, and then we continue in the subsequent development of the role of the previous. A long time ago version of the QQ hard disk, mop some of the modules used, but now it is very clear who is still in use. Yui and ExtJS a bit similar, the UI has a lot of advantages.  
Use the scene: Split Yui's various modules, the different needs of the use of a part of the Yui to fill their own modules. or similar to the application of this kind of web disk.

Iv. Dojo
: Unbeatable JavaScript Tools
Recommended level: four stars
Recommended reason: Dojo is the most powerful JavaScript framework,A deliberate reminder: The most powerful feature. So it almost contains all the things you might want to use.Dojo is better suited for enterprise applications and product development needs, because offline storage, DataGrid, 2D, 3D graphics, Chart, Comet and other components are important for enterprise applications (of course, these components will have to wait for a while to stabilize). For example, the BEA has used dojo in a product developed based on mashup technology.Pros: Behind the strong support, IBM, Sun, BEA, and so on, this is a very important advantage, object-oriented design , unified namespace, package management mechanism, extensibility. But do we need these features? Do web2.0 products have to be so big stuff? This comes in accordance with your own needs.and Dojo shortcomings are obvious, too big, too many functions, complex, learning curve is too steep, the document is extremely incomplete,API a lot of instability, this is a big problem;too intrusive, with a large number of dojo attributes on the page,For example <button dojotype= "Dijit.form.Button" id= "Hellobutton", if the future Dojo upgrade or change a framework, the burden will be great;performance issues due to the synchronous mechanism of dojo loading, the browser is temporarily locked, causing CPU usage to reach 100%, plus many components (Widgets) is very slow. But it's an enterprise application, it's just a duck in the way. That's why we put Dojo and study dojo at the top of the recruiting time for companies like IBM.

Wu, Prototype
The most mature. but the individual thinks it can be replaced by jquery. the similarity between the two is also relatively high. There's not much to say here.

Liu, Mootools
: mootools-a Compact JavaScript framework
Recommended level: 4 stars
Recommended Reason:OO (object oriented) design ideas. The module is strong and the coupling degree is low. Advantages: Modular, the module code is very independent, the smallest core is only 8k, the biggest advantage is that you can choose which modules to use , as long as the import module on the line, the complete repair knife 180k, compression after the knife 70k; simple and intuitive syntax , special effects (effects) are slightly stronger than jquery and are now developing the MooTools UI. Cons: Modify some of the underlying classes, such as array, string, and so on, which is different from the design idea; it's not as powerful as jquery on Dom and CSS selector.

Summarize

A lightweight choice:

Mostly MooTools and jquery,

Because of their different design ideas, jquery is the pursuit of simplicity and efficiency, mootools in addition to pursuing these goals, its core is the object-oriented,

So jquery is ideal for rapid development, and MooTools is suitable for slightly larger and complex projects where object-oriented support is required;

In addition, jquery is slightly stronger with Ajax support, and jquery has plug-ins related to comet support.

MooTools not currently, but the core of comet is the server support, browser interface is very simple, the development of related plugins is very simple.

In the object-oriented JavaScript library, MooTools gradually defeated the prototype (large size, object-oriented design is unreasonable, etc.), Also includes Script.acul.ous (based on prototype, which is actually the UI library on prototype).

A framework for RIA

Consider pure Javascripty Library, currently mainly dojo and ExtJS (and Yui).

Dojo is better suited for enterprise applications and product development because offline storage, DataGrid, 2D, 3D graphics, Chart, comet, and other components are important for enterprise applications (of course, these components will have to wait for a while to stabilize). For example, the BEA has used dojo in a product developed based on mashup technology.

ExtJS: Beautiful and "easy to use", and powerful enough. It is preferred when there is a greater need for the UI.

Reference documents:

http://blog.csdn.net/eyetee/article/details/7861741

Why there are jquery, Dojo, Ext, Prototype, YUI, zepto so many JS package?