Introduction and Comparison of converting eight JS frameworks

Source: Internet
Author: User
Tags mootools

Currently, the JS framework and some development kits and library classes are as follows: dojo, scriptaculous, prototype, Yui-Ext, jquery, mochikit, mootools, moo. FX

Dojo (JS library and UI component ):

Dojo is currently the most powerful j s framework. It defines itself on its own wiki. dojo is an open-source DHTML toolbox written in JavaScript. Dojo really wants to be a "unified" toolbox. It is not only browser-level, but also ambitious. Dojo includes Ajax, browser, event, widget, and other cross-browser APIs, including JS language extensions, tool libraries in various aspects, and a relatively complete UI component library, it is also widely used in many projects. Its UI component is characterized by adding tags to HTML tags, rather than generating them by writing JavaScript, the dojo API imitates the Java class library organization. It is very convenient to use dojo to write web OS. Dojo is now 4.0. The powerful feature of dojo is the encapsulation of interfaces and special effects, which allows developers to quickly build compatible standard interfaces.

Advantages: the Library is quite complete, has been developing for a long time, and has powerful functions. It is said that the I/O. BIND () of dojo can be used to implement Comet. It is said that its function is powerful and not general, and is supported by IBM and sun.

Disadvantages: the file size is relatively large, more than 200 kb, and the initial download is quite slow. In addition, the use of the dojo class library is not so easy, and the j s syntax is not as enhanced as prototype.

Prototype (JS oo Library ):

It is a very elegant JS library that defines JS object-oriented extensions, Dom operation APIs, events, and so on. With prototype as the core, it forms a variety of peripheral JS extension libraries, it is a promising underlying JS framework and is recommended. It is also the most widely used library class in reality (the Ajax JS library integrated by ROR ), in addition, scriptaculous implements some JS component functions and effects.

Advantages: the basic underlying layer, easy to learn and use, and even the underlying layer of some other JS special effects Development kits, the volume is the smallest.

Disadvantage: If we say the disadvantage, it may be that the function is his weakness.

Scriptaculous (js ui component based on prototype ):

Scriptaculous is a JS effect based on the prototype. js framework. It contains 6 JS files and different files correspond to different JS effects. Therefore, if prototype is used at the underlying layer, it would be appropriate to use scriptaculous for JS effects, even the famous Digg is using him.

Advantages: Prototype-based is the biggest advantage. Due to the extensive use of prototype, it is undoubtedly a icing on the cake for the user book. In Ajax in action, scriptaculous is used to describe the JS effect.

Disadvantages: the rise has just taken time to hone

Yui-ext (js ui component ):

The Yahoo UI-based extension package Yui-ext is a CS-style Web user interface component that can implement complex layout. The interface effect can be comparable to that of backbase and is developed using pure JavaScript code. The real editable table edit grid supports XML and JSON data types and can be directly migrated to the grid. Many components support data sources, such as dynamic layout, editable table controls, Dynamically Loaded tree controls, and dynamic drag and drop effects. The 1.0 beta version began to work with jquery to launch jquery-based ext 1.0, providing more interesting functions.

Advantage: structured, similar to the Java structure, is clear and clear. Some jquery functions are used at the underlying layer to enable integration and use. The most important thing is that the interface is too shocking.

Disadvantage: It is too complicated, and the entire interface is too complicated.

Jquery:

Jquery is an excellent JS Development Library class like prototype, especially its support for CSS and XPath makes it easier for us to write JavaScript! If you are not a JS guru and want to write excellent JS effects, jquery can help you achieve your goal! In addition, the introduction syntax and high efficiency have always been the goal of jquery,

Advantages: Focus on introduction and efficiency. js effects include the Yui-ext option, because Yui-ext reuse many jquery functions.

Disadvantage: It is said that it is too tender and has a long history.

Mochikit:

Mochikit claims to be a lightweight JS framework. Mochikit is inspired by the many conveniences provided by the python and Python standard libraries, and also relieves inconsistency between browser versions. Among them, mochikit. Dom is especially convenient and can process DOM objects in a more friendly way than the original JavaScript. Most of mochikit. Dom is customized for XHTML documents. If it is combined with mochikit and Ajax, it is particularly convenient to use the XHTML-encapsulated microformat. Mochikit can directly format the output string or number, which is more practical and convenient. It also has its own JS Code interpreter.

Advantage: mochikit. Dom is very practical and the introduction is also outstanding.

Disadvantages: lightweight disadvantages

Mootools:

Mootools is a simple, modular, and object-oriented JavaScript framework. It helps you write scalable and compatible JavaScript code faster and simpler. Mootools is similar to prototypejs, with almost the same syntax. However, it provides more functions than prototypejs and is more powerful. Such as adding animation effects and drag-and-drop operations.

Advantage: You can customize the functions you need. It can be said that it is an enhanced version of prototypejs.

Disadvantages: not small, Specific Application Analysis

Moo. FX:

Moo. FX is a super lightweight JavaScript special effect Library (7 k) that can be used with prototype. js or mootools frameworks. It is fast, easy to use, cross-browser, compliant with standards, and provides control and modification of CSS attributes of any HTML element, including colors. Its built-in checker prevents users from damaging the effect through multiple or crazy clicks. Moo. FX adopts a modular design, so you can develop any special effects you need based on it.

Advantage: small block headers have high capacity

Disadvantage: It's good to be so small.

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.