ArticleDirectory
- Overview
- Jquery extjs dojo MS Ajax comparison
- Usage Survey
- Selection factor
Because of the many frameworks, I only summarize the several common frameworks I have come into contact with in my actual work.
Overview
Javascript has become one of the most basic requirements for web development. In actual agile development, we usually choose a JS framework to replace the tedious native JavaScript writing. You will find that this will save a lot of time, writeCodeIt is also clear and convenient. Currently, many popular JS frameworks include dojo, scriptaculous, prototype, Yui-Ext, jquery, mochikit, mootools, and moo. FX. We need to select a framework with relevant features based on the actual needs of our project.
Jquery extjs dojo MS Ajax comparison
- the syntax is concise and abstract the concepts of actions and special effects to separate components from those that support operations and special effects.
- small and simple
- Dom selection is powerful. Almost all operations start with DOM elements (with powerful selector), followed by chaining and other features.
- UI extensions
- this framework is introduced by default in vs2010, which is expected to develop faster.
- excellent API documentation
- powerful UI with good performance
- all components (widgets) can be directly used without any setup
- the most powerful functions include almost all the things you may want
- It is famous for its comprehensive components, not only its UI components, but also its other non-UI components (such as map).
- dojo. Require is very creative in managing dependencies
- large UI (dijit)
- supports Asp.net server controls and client JS libraries
- data binding technology is similar to Asp.net
- there will be better integration with jquery in the future.
|
Jquery |
Extjs |
Dojo |
Asp.net Ajax |
official site |
http://jquery.com/ |
http://extjs.com/ |
http://dojotoolkit.org/ |
http://www.asp.net/ajaxlibrary/AjaxOverview.ashx http://aspnet.codeplex.com/releases/view/34488 |
advantages | & Lt; TD width = "161" valign = "TOP" & gt; & Lt; TD width = "122" valign = "TOP" & gt; & Lt; TD width = "131" valign = "TOP" & gt; & Lt; TD width = "106" valign = "TOP" & gt;
Disadvantages |
- Too many choices are sometimes a problem. For example, there are many plug-ins in the table.
|
Large, heavyweight frameworkThe ext authorization Protocol applies to payment. |
The learning curve is too steep.Incomplete documentationThe API is unstable, and the version changes a lot.Slow widget speed |
Major version changes |
Usage Survey
Http://ajaxian.com/by/topic/surveyThis site can see the usage of various frameworks
This site includes surveys on IDE, library, and browser usage. It can also serve as a reference for our selection.
Selection factor
The following are the considerations for the framework used:
Your project requirements (that is, what features you need, such as whether to require exquisite interfaces, special effects, or other functions)
Does the browser support A-level browser (ie, Firefox, etc )?
Document quality: complete or not (including tutorials, APIs, and sample code)
What is the scalability of the framework? Is it easy to write plug-ins for the framework?
Do you like its API style?
Can you mostly unify the style of your JavaScript code?
Frame size (too large frame leads to an extended download time)
Does the framework force you to change the way HTML is written (that is, the way dojo is )?
Code execution speed: What is the performance?
Is the code modular (mootools is highly modular )? How can code be reused?
Development Tool support
Java can be used under the http://www.aptana.com/download_all.php tool, based on Eclipse. Provides separate installation files and eclipse plugins.
Visual Studio:
The support for JavaScript has been weak. However, you can use the enhanced functions through various extensions. The following are some common extensions:
Javascript parser:Javascript outline display
Http://visualstudiogallery.msdn.microsoft.com/en-us/288a2b0f-1357-47b4-8215-1134c36bdf30
Jsenhancements:JavaScript code folding
Http://visualstudiogallery.msdn.microsoft.com/en-us/0696ad60-1c68-4b2a-9646-4b5f4f8f2e06
Other extensions:
Http://visualstudiogallery.msdn.microsoft.com/en-us