Contrast React front end of the three mainstream framework, Vue, Angular
React internal project originated in Facebook, and Instagram to set up a website and open in May 2013. React has a high performance, code logic is very simple, more and more people have started to pay attention and use it. It has the following features:
1. Declare design: React declarative paradigm, you can easily describe the application.
2. Efficient: React the DOM by simulation, to minimize interaction with the DOM.
3. Flexible: React can work well with known library or framework.
advantage:
1. Speed: the UI rendering process, React actual update DOM implemented by local micro-operations in a virtual DOM.
2. Cross-browser compatible: DOM virtual help us solve the problem of cross-browser, it provides a standardized API for us, even in IE8 are not the problem.
3. Modular: The modular write a separate UI components for your program, so that when a problem occurs or some components can be easily isolated.
4. way data flow: Flux schema is used to create a unidirectional data layer is a JavaScript application, depending on which React with the development of the library was conceptualized Facebook.
5. homogeneous, pure javascript: because search engine crawlers rely on that server response instead of executing JavaScript, and pre-rendering your application helps search engine optimization.
6. Compatibility: for example, using RequireJS to load and packaging, while Browserify and Webpack suitable for building large applications. They no longer make those difficult task daunting.
Disadvantages:
React itself is just a V only, not a complete framework, so if you want a large-scale project is complete framework, then, the basic need to add ReactRouter and Flux to write large applications.
Vue is prepared by a particular rain Creek library construct data-driven Web interface, not precisely a framework that is focused in V (view) view layer.
It has the following features:
1. lightweight framework
2. The two-way data binding
3. Instruction
4. Plug technology
advantage:
1. Simple: official documentation is very clear, easy to learn than Angular.
2. Fast: asynchronous batch update DOM.
3. combinations: with decoupled components can be combined in your application reuse.
4. Compact: ~ 18kb min + gzip, and no dependence.
5. Powerful: The expression can be derived without having to rely on the statement attributes (computed properties).
6. modules friendly: through NPM, Bower or Duo installation, without forcing you to all of the code follows the various provisions of Angular, more flexible usage scenarios.
Disadvantages:
1. newborns: Vue.js is a new project, there is no angular so mature.
2. The degree of influence is not very big: google a bit, about Vue.js diversity or abundance of a number of other less well-known libraries.
3. does not support IE8
Angular JS is an excellent front-end framework that has been used for a variety of Google's products are.
It has the following features:
1. Good application structure
2. The two-way data binding
3. Instruction
4.HTML template
5 may be embedded, and injection test
advantage:
1. Powerful template rich, comes with a wealth of angular instructions.
2 is a more complete front-end frame, comprising a service template, two-way data binding, modular, route, filter, all functions dependency injection;
3. Custom instructions, custom instruction can be used more than once in the project.
4. ng modular bolder introducing something of Java (dependency injection), can easily write reusable code, for the agile development team is very helpful.
5. angularjs Internet giant Google to develop, which means he has a solid foundation and community support.
Disadvantages:
1. Getting started is easy angular but much more in depth concept, learning is more difficult to understand.
2. Documentation examples of very small, basic official documents written only api, not an example, how many times a specific use is to google or directly ask misko, author of angular.
3. IE6 / 7 compatible not particularly good, is that we can use to solve some jQuery code for your own handwriting.
4. The application of best practices less instruction tutorial, angular actually very flexible, if you do not see the use of some of the principles, it is easy to write code grotesque, for example, still have a lot of ideas like jQuery js dom in operation.
5. DI DI statement to be displayed if the code compression.
Author: liutianou
link: https: //www.jianshu.com/p/c4005414025c
Source: Jane books
are copyrighted by the author. Commercial reprint please contact the author authorized, non-commercial reprint please indicate the source.