Differences and application scenarios of JS frameworks such as JQuery, Extjs, YUI, Prototype, Dojo (practical skills)

With the strong development of web2.0, and the workload carried by the browser is getting larger and larger (when it does not affect performance very much, developers are accustomed to doing everything that can be done with the browser). Browsers do this to reduce server pressure and bandwidth charges, etc.).

So 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 cumbersome writing of Native Javascript. You will find that this will save a lot of time, and the code you write will be clear and convenient. (Of course, when I was a student, I also questioned that using a framework would not give me a deep understanding of the original Javascript. In fact, this is an overthinking. As you deepen your understanding of the framework, you will also have a more thorough understanding of the native js. Some. To become a smart developer, the two are dependent on each other. And the best state is to develop a set of JS and CSS frameworks completely according to your own needs like the Qzone front end. – Of course, this is because Qzone is too big )
There are currently many popular JS frameworks such as Dojo, Scriptaculous, Prototype, yui-ext, Jquery, Mochikit, mootools, moo.fx and so on. Of course, there are many frameworks that I am not familiar with, so I will not list them. Many people will ask in the forum, which framework is better? Which framework is more awesome? Which framework OO is more comfortable? webryan Personally, I think this is a logical mistake that a novice can easily make. There is no such thing as the best for anything or any tool in the world, only suitable or unsuitable. We need to choose a framework with relevant features based on the real needs of our project.
1. JQuery
Recommendation level: five-star
Usage scenario: any
Download address: www.jquery.com or google search jquery download
Recommendation reason: At present, the framework I use the most (of course, I have also developed several other frameworks) is also the one I personally recommend the most. When chatting with some technologies in the industry, I found that the CTO of xiaonei.com, Tencent, or other emerging web2.0 experts all recommend this framework. So what exactly is the benefit? 1. Small. (This is a serious problem after scaling up) 2. Simple. (Low learning cost but high effectiveness, the manual has clear enough examples to take you from 0 to project completion) 3. The internal structure is open source and focuses on logic. 4. Powerful DOM selection (in fact, JS mostly processes DOM) 5. Good UI expansion (what I want to mention here are Jquery tools and Jquery UI. You can search for these two Jquery extended UIs. You can You will find that UI is so simple, and it is also because of UI's scalability, so it is not inferior to other frameworks).
2. Extjs
Download address: http://extjs.com/
Usage scenario: Internal system. backend system. management system, etc.
Recommendation level: four stars
Reason for recommendation: Extjs has a very awesome UI design. So when you do things like backend management, internal corporate processes, or other management systems, this thing is undoubtedly your best choice. why? Because it can generate a very beautiful full-interface UI with just a few lines of code, with powerful functions and optional styles. I have built a CMS backend and an internal enterprise system using this system, saving a lot of manpower and time, and it has been widely praised. Its disadvantage is that when a page loads many tabs, js may download several files at the same time. Simply put, js will be larger. But for back-end management and enterprise internal systems, this will become a bottleneck.
3. YUI
Download address: http://developer.yahoo.com/yui/
Recommendation level: 4 stars
Reason for recommendation: I only study the YUI framework It has been used before, but it has not been used independently in the project. Mostly after entering the project, the seniors used YUI, and then we continued the previous role in subsequent development. Some modules of the QQ hard drive and mop were used a long time ago, but now it is very clear who is still using them. It is somewhat similar to Extjs and has many advantages in UI.
Usage scenario: Split each module of YUI, and use certain parts of yui to fill in your own modules for different needs. Or something similar to a network disk application.
4. Dojo
Download address: http://dojotoolkit.org/
Recommendation level: four stars
Reason for recommendation: Dojo is the most powerful javascript framework, deliberately As a reminder: the most powerful. So it has pretty much everything you might want to use. ). Dojo is more suitable for the needs of enterprise applications and product development, because components such as offline storage, DataGrid, 2D, 3D graphics, Chart, Comet, etc. are all very important for enterprise applications (of course it will take some time for these components to stabilize) . For example, Dojo has been used in products developed by BEA based on Mashup technology. But do we need these features? Is it necessary to make a web 2.0 product that is so big? This depends on your own needs. And the shortcomings of Dojo are obvious, it is too big, has too many functions, and the learning curve is too steep. But if it is used for enterprise applications, it is like a duck in water. This is why companies such as IBM put Dojo and learning Dojo first when recruiting.
5. Prototype
The most mature. But personally I think it can be replaced by Jquery. The similarity between the two is also relatively high. Not much to say here.
6. Mootools
Download address: http://mootools.net/
Recommended level: 4 stars
Reason for recommendation: OO design thinking. Strong modularity and relatively low coupling degree. Some people say that its UI effect is better than Jquery UI. If you have not used its UI, I will not say more about it for now. Developers can refer to their demos to see if the effects or selectors are suitable for you.
ok, the real framework is still used and written. If you are still confused after reading the above, I suggest you start with JQuery, O(∩_∩)O haha.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Focus on the __proto__ attribute in JavaScript (graphic tutorial)

Prototype in JavaScript Comprehensive analysis of prototype

Comprehensive analysis of the Object type and scope in JavaScript object-oriented concepts (with examples)

The above is the detailed content of Differences and application scenarios of JS frameworks such as JQuery, Extjs, YUI, Prototype, Dojo (practical skills). For more information, please follow other related articles on the PHP Chinese website!