Ajax is the cornerstone of WEB20, now the Internet popular several open source Ajax framework, such as: Jquery,mootools,dojo,ext JS and so on, then exactly where do we use that framework? Here is a set of excerpt data:
Ajaxian A survey of AJAX tools at the end of 2007, and some of the findings are shown in the following table (where the number is the percentage of investigators using the tool, see Web pages for details): http://ajaxian.com/archives/2007- Ajax-tools-usage-survey-results
prototype |
jquer Y |
ext |
script.aculo.us |
mootools |
json |
dojo |
backbase |
34.1 % |
22.5% |
22.3% |
13% |
12.9% |
8.3% |
The prototype usage rate is the highest, largely because it is the first mature framework, many previously used in the project, so now has been used
Let's take a look at the basics of choosing an AJAX framework:
Your project requirements (that is, what features you need, such as whether you want to make an exquisite interface, special effects, or other features)
Do you support A-level browser (IE, Firefox, etc.)?
Quality of the document: complete (including tutorials, APIs, code samples, etc.)
What is the scalability of the framework? Is it easy to write plug-ins for frames?
Do you like the style of its API?
How much does it unify your JavaScript code style?
Frame size (too large frames cause user download time to be extended)
Does the framework force you to change the way you write HTML (dojo is this)?
Code Execution Speed: What is the performance?
is the code modular (MooTools is highly modular)? What is the reusability of the code?
First, JQuery
Home: http://jquery.com/
Design ideas
Concise thinking: Almost all operations are based on the selection of DOM elements (with powerful selector), and then on their operations (chaining, etc.).
Advantages
Small, compressed code only 20 more K (no compression code 94k).
Selector and Dom easy to operate: jquery Selector compared to MooTools Element.Selectors.js, CSS Selector, XPath Selector (deleted after 1.2)
Chaining: Always returns a JQuery object that can be continuously manipulated.
The integrity of the document, ease of use (each API has a complete example, which is not comparable to other frameworks now), and there are many other documents on the Web, books.
Extensive application, including Google Code, also uses jquery.
Sites using jquery: Http://docs.jquery.com/Sites_Using_jQuery
Core development team and core personnel: John Resig and so on.
Concise and short grammar, easy to remember.
Scalability: A large number of user-developed plug-ins available (http://jquery.com/plugins/)
The jquery UI (http://jquery.com/plugins/, based on jquery, but with the core of jquery is independent), continues to evolve.
Friendly and active community: Google Groups:http://docs.jquery.com/discussion
Event handling has many convenient methods, such as Click, not single addevent.
Disadvantages
Because design idea is the pursuit of efficiency and simplicity, there is no object-oriented extension. Design ideas and MooTools are not the same.
CSS selector slightly slower (but now the speed has increased dramatically)