Vue,angular,avalon these three kinds of MVVM framework advantages and Disadvantages _ Other

Source: Internet
Author: User

The main content of this article is to refer to the official Documentation statement summary:

Vue.js

Vue.js @ Yu Yuxi, a library for creating a Web interactive interface, is a streamlined MVVM. From a technical standpoint, Vue.js focuses on the ViewModel layer of the MVVM model. It connects the View layer and the Model layer through bidirectional data binding. The actual DOM encapsulation and output formats are abstracted for directives and Filters. Vue.js is a small, beautiful library compared to other libraries, the author's main purpose is to produce a reflective data binding and a combination of view components through a as simple API as possible, feeling the author's thinking is very clear.

Advantages:

Simple: The official document is clear and easier to learn than angular.
Quick: Update DOM in asynchronous batch mode.
Combination: Combine your applications with decoupled, reusable components.
Compact: ~18kb Min+gzip, and no dependencies.
Powerful: Expressions & inferred properties that do not need to declare dependencies (computed properties).
Modular friendliness: It can be installed via NPM, Bower, or Duo, without forcing all of your code to follow angular's rules and more flexible usage scenarios.

Disadvantages:

Newborn: Vue.js is a new project, released on March 20, 2014 0.10.0 Release Candidate version, currently GitHub above the latest is 0.11.4 version, not angular so mature.
The impact is not very large: Google a bit, there are about vue.js diversity or the richness of less than some other well-known libraries.
Do not support IE8: haha but Angularjs 1.3 also abandoned the support of IE8, but @ Masaki teacher Avalon is to support the ie6+, should be a lot of efforts to optimize. This is not good for projects that need to support IE8, but it is also a trend for Web front-end development, as the IE low version should exit the history stage, by changing our front-end thinking, rather than adapting to those who use older versions without upgrading. @ Yuber Teacher said a word, I think that said very good "these days, support IE6, 7 long ago is no longer a feature, but a disgrace." Efforts to promote Alipay overall do not support IE6, 7, look forward to more brothers to join.

Angularjs

Angularjs has been very hot lately and many followers. Superheroic JavaScript MVW Framework
The official is plain: "Client-side technology written entirely using JavaScript." Used in conjunction with other time-honored web technologies (HTML, CSS, and JavaScript), making Web application development simpler and faster than ever before. When you learn it, I believe you will be attracted by many of its new effects.

Advantages:

Dynamic view: Never thought JS can extend HTML properties like this before, but Angularjs did it, adding a lot of extensibility to our static HTML, and a sense of letting html die alive.
Perfect: is a relatively perfect front-end MVW framework, including templates, data two-way binding, routing, modularity, services, Dependency injection, and all other functions, templates powerful rich, and is declarative, with rich angular instructions.
Google maintenance: Angularjs has Google to maintain, there is no doubt that there is a strong background, for the promotion and maintenance of obvious advantages than Vue.js and Avalon, the community is also very lively, can well promote its development.
Angularjs & Ionic:Ionic:Advanced HTML5 Hybrid Mobile App Framework, these two are a good base friend, ionic by using ANGULARJS to create a framework, Rich and powerful applications that are best suited to development. The last time you know a related question to do webapp development, performance and efficiency of the best framework and packaged app platform, respectively? -Townwey's answer, detailed can see here.

Disadvantages:

All-Inclusive: Learning is difficult, for me to learn curve is very tortuous, more difficult to understand some.
Overthrow rewrite: The previous time to visit the community to find AngularJS2.0 will be overturned before the overthrow, two frame changes are very large, basically two frames, equal to say wait until 2.0 came out again need to start from scratch, but again, http://www.jb51.net/article/ 79637.htm This article is a good illustration of the AngularJS2.0 changes.
does not support IE8 below, seemingly 2.0 become only support mobile end, wait to come out and see again.

Avalon.js

Avalon.js is a simple and easy-to-use MVVM framework, written by the @ Masaki teacher, which was first published in 2012.09.15 and developed to address the various views rendered by the same business logic. Often can see the teacher to promote his avalon.js, out of a lot of tutorials, undoubtedly to the domestic learning avalon.js people to provide a great convenience.

Advantages

Use simple, add binding in HTML, use Avalon.define to define ViewModel in JS, then call Avalon.scan method, it will be active!
Compatible to IE6 (other MVVM frameworks, Knockoutjs (IE6), Angularjs (IE9), Emberjs (IE8), Winjs (IE9)), and Avalon.mobile, which can be run more efficiently in new versions of browsers such as IE10
No dependencies, less than 5000 lines, less than 50KiB compressed
A filter function that supports the style of a pipe character to facilitate the format of output
The local refresh granularity has been refined to a text node, the attribute node
The node to be manipulated is bound to the view refresh function in the first scan and cached, so there is no room for selector appearances.
The code that lets Dom manipulate is almost extinct
Use overlapping overlay mechanisms like CSS to allow each ViewModel partition to alternately render the page
When the node is removed, the smart unload the corresponding view refresh function, saving memory
Operation of the data is the DOM, the operation of the ViewModel will be synchronized to the view and model
With an AMD module loader, it saves you from consolidating with other loaders.

Disadvantages

1, the array of filtering is not angular so, Avalon filter can only be used for Ms-text, ms-html

2, there are no English documents, publicity is limited

3,ONIUI skin is not good-looking enough, many people say to cooperate with Boostrap, but the community has no one initiative to stand up to do this thing

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.