A brief description of the differences and application scenarios of JS frameworks such as JQuery, Extjs, YUI, Prototype, Dojo and so on_javascript skills

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 JS and CSS framework exactly according to your own needs like Qzone - 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, etc. 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

Recommended level: five-star

Usage scenario: any

Download address: www.jquery. com or Google to search for jquery download

Reason for recommendation: At present, it is the framework that I use the most (of course, I have also developed several other frameworks), and it 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, most of the time, JS is processing DOM) 5. Good UI expansion (the ones 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/

Recommended level: 4 stars

Reason for recommendation: I have only studied the YUI framework, but have never used it independently in projects. 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/

Recommended level: four stars

Reason for recommendation: Dojo is the most powerful javascript framework. I would like to remind you that it is the most powerful. So it contains almost 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/

Recommendation level: 4 stars

Recommended Reason: OO design thinking.Strong modularity and relatively low coupling degree. Some people say that its UI effect is better than Jquery UI. If you haven’t used its UI, I won’t say more about it for now. Developers can refer to their demos to see whether 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.