What are the three major front-end frameworks?

The three major front-end frameworks refer to: 1. Angular, which is a front-end JavaScript MVC framework for building user interfaces; 2. React, which is a JavaScript framework for building user interfaces; 3. Vue, which is a A progressive JavaScript framework for building user interfaces.

The operating environment of this tutorial: Windows 7 system, Dell G3 computer.

The three mainstream web front-end frameworks are Angular, React, and Vue.

angular

Angular was originally called angularJS and was born in 2009. Before, we all used jquery to develop. Since the emergence of angular, we have new choices. Its biggest feature is that it transplants some back-end development models to the front-end for implementation, such as MVC, dependency injection, etc.

Angular is a JavaScript framework, a library written in JavaScript, a client-side JavaScript MVC framework for developing dynamic web applications. It originally started as a Google project, but now it is an open source framework.

Advantages of Angular framework:

1. Angular framework supports various platforms and is powerful. It not only provides various tools but also maintainable methods. to build the project model. So when you use it correctly, you will not encounter code structures that are difficult to modify and test

2. Angular is built using TypeScript, and TypeScript relies on JS ES6, so there is no need to learn a new language. But you can still get features like static types, interfaces, classes, namespaces, decorators, etc.

3. Components in Angular are separated, so we can easily replace various components. And with Angular, the presentation and application logic are not tightly coupled, which makes markup clearer and simpler.

4. The purpose of Angular is to conduct comprehensive testing. It supports the use of tools such as Jasmine and Protractor for unit testing and end-to-end testing.

5. Angular is suitable for both mobile and PC terminals, which means It is a framework suitable for multiple platforms. And many useful third-party tools can be found in this framework

[Recommended tutorial: Angular video tutorial]

react

react is a JavaScript library launched by Facebook for building user interfaces. React is mainly used to build UI. Many people think of React as the V (view) in MVC. React has high performance and very simple code logic. More and more people have begun to pay attention to and use it.

React originated as an internal project at Facebook. Because the company was dissatisfied with all the JavaScript MVC frameworks on the market, it decided to write its own to build the Instagram website. After making it, I found that this set of things is very useful, so it was open sourced in May 2013.

Because the design idea of ​​React is extremely unique, it is a revolutionary innovation, has outstanding performance, and the code logic is very simple. Therefore, more and more people are beginning to pay attention to and use it, thinking that it may be the mainstream tool for web development in the future.

React is mainly used to build UI. You can pass various types of parameters in React, such as declaration codes to help you render UI, static HTML DOM elements, dynamic variables, and even interactive application components. [Recommended video tutorial: "5 good redis learning practical video tutorial recommendations"]

Features:

• ## Declarative design: React adopts a declarative paradigm, which makes it easy to describe the application.

• Efficient: React minimizes interaction with the DOM by simulating the DOM.

• Flexible: React plays well with known libraries or frameworks.

vue

Vue.js is a popular JavaScript front-end framework, an open source JavaScript framework for creating user interfaces, designed to Better organize and simplify web development. The core focus of Vue is the view layer in the MVC pattern. At the same time, it can also easily obtain data updates and realize the interaction between the view and the model through specific methods within the component.

Vue.js is a progressive framework for building user interfaces. Unlike other heavyweight frameworks, Vue adopts a bottom-up incremental development design. Vue's core library only focuses on the view layer, and is very easy to learn and integrate with other libraries or existing projects. Vue, on the other hand, is fully capable of driving complex single-page applications developed using single-file components and libraries supported by the Vue ecosystem. [Recommended video tutorial: "

The latest 5 vue.js video tutorial selections"]

The goal of Vue.js is to achieve response data binding and Combined view components.

Vue.js itself is not a comprehensive framework - it only focuses on the view layer. Therefore it is very easy to learn and very easy to integrate with other libraries or existing projects. On the other hand, Vue.js can also perfectly power complex single-page applications when used with related tools and support libraries.

Advantages of Vue:

• Vue.js can be developed in components, which greatly reduces the amount of code writing and makes it easier for readers to understand.

• The most prominent advantage of Vue.js is that it can perform two-way binding of data (we will obviously feel the convenience of this feature in subsequent writing).

• The interface effect written using Vue.js itself is responsive, which enables the web page to display very beautiful effects on various devices.

• Compared with traditional pages that use hyperlinks to switch and jump pages, Vue uses routing without refreshing the page.

For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of What are the three major front-end frameworks?. For more information, please follow other related articles on the PHP Chinese website!