Comparison of several popular Ajax frameworks: Jquery,mootools,dojo,extjs,dwr

Source: Internet
Author: User

1:jquery

Home: http://jquery.com/

Design idea: A concise idea of the scheme, almost all operations are to choose the DOM element (with strong selector) to start, and then the operation of it (chaining and other characteristics).

Advantages:

The file is small, after compression code only more than 20 K, no compression code 94k.
Selector and DOM manipulation convenience: jquery Selector vs. MooTools Element.Selectors.js, CSS Selector, XPath Selector (1.2 deleted)
Chaining: Always returns a JQuery object that can be manipulated continuously.
The document is complete and easy to use, each API has a complete example, which is not comparable to other frameworks now, and there are many other documentation books on the web.
A wide range of applications, including Google Code, also uses jquery.
Concise and short grammar, easy to remember.
Scalability: A large number of user-developed plug-ins are available (http://jquery.com/plugins/)
The jquery UI (http://jquery.com/plugins/, based on jquery, but and the core of jquery is independent), continues to evolve.

Active Community: Http://docs.jquery.com/Discussion
There are many convenient methods for event handling, such as click, rather than a single addevent.

Disadvantages
Because the design idea is the pursuit of efficient and concise, there is no object-oriented extension. Design ideas are different from MooTools.
CSS selector is a little bit slower (but now the speed has increased dramatically)

2:mootools
Home: http://mootools.net/

Design idea: Object-oriented design idea.

Advantages
Modular, the code of each module is very independent, the smallest core only 8k, the biggest advantage is to choose which modules to use, when only the use of the module can be imported, complete less than 180k (no compression), compressed less than 70k.
Effects: This is slightly stronger than jquery and is now developing the MooTools UI (which should be a trend in AJAX framework development).
The code is beautifully written, easy to read and modify. The syntax is simple and intuitive.
The document is complete (the most recent 1.2beta document is more detailed than before).
Active Community: Official website (http://forum.mootools.net/), and an IRC.

Disadvantages
Modified some classes at the lower level: 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.
3:dojo
Home: http://dojotoolkit.org/

Advantages
Behind the Strong support: IBM, Sun, BEA, and so on, this is a very important advantage.
The powerful, full stack framework extends the capabilities of DHTML, for example: support for integration with browser Back/forward buttons.
Dojo Offline, a cross-platform, offline storage API.
Chart Component, which makes it easy to generate graphs on the browser side.
Vector Graphics library based on SVG/VML.
Google maps, Yahoo! Maps components to facilitate the development of mashup applications.
Comet support, through the generic Buyeux protocol.
Powerful UI (Dijit).
Object-oriented design, unified namespace, package management mechanism (the system and Custom Builds)
Scalability.

Disadvantages
Complex, the learning curve is steep.
The document is extremely incomplete, which is a big problem.
API is a lot of instability, the changes between the version of the larger, and now is not a mature framework.
Intrusive too much, the page is heavily using Dojo properties, such as <button dojotype= "Dijit.form.Button" id= "Hellobutton", if the future Dojo upgrade or a framework, the burden will be great.
Performance issues, due to the synchronous mechanism of dojo loading, the browser is temporarily locked, resulting in CPU usage of up to 100%. In addition, many widgets are very slow.

4:ext JS
Home: http://extjs.com/

Design ideas: Modular, advancing the application of Ria (Rich Internet application).

Advantages
Strong UI, and good performance, this is its biggest advantage.
Fast, whether it is the UI or other modules.
100% object-oriented and modular thinking, consistent syntax, global namespaces.
Documentation is complete, standardized and convenient.
The active community, the rapidly increasing number of users.
Modular implementation, strong scalability.
All components (widgets) can be used directly without setting up (the user can, of course, choose to reconfigure).

Cons: Slightly more complex, for heavyweight frameworks (with lots of UI), large size. If you import ext-all.js, it also has nearly 500k after compression.

Note: Ext commercial use, if only ExtJS included in their own projects, and this project is not sold to users to do two development of the toolbox, or component library, you can comply with the LGPL agreement free to use, otherwise pay.


Summarize
Lightweight choice: Mainly 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 object-oriented, so jquery is suitable for rapid development, MooTools is suitable for slightly larger and complex projects where object-oriented support is required, and jquery is slightly stronger with Ajax support, and with comet support, jquery has the relevant plugin, MooTools not currently, But the core of comet is server support, browser-side interface is very simple, the development of related plugins is very simple. In object-oriented JavaScript. Library, MooTools gradually defeated the prototype (large size, object-oriented design unreasonable, etc.), also including Script.acul.ous (based on prototype, is actually prototype on the UI library).

The RIA-oriented framework: Consider pure Javascripty libraries, which are currently mostly 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.

Comparison of several popular Ajax frameworks: Jquery,mootools,dojo,extjs,dwr

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.