Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "what are the three front-end frameworks". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The front-end three frameworks are: 1, Angular, is a front-end JavaScript MVC framework for building user interface; 2, React, is a JavaScript framework for building user interface; 3, Vue, is a set of progressive JavaScript framework for building user interface.

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

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

Angular

Angular, formerly known as angularJS, was born in 2009. Before, we all used jquery to develop. Since the emergence of angular, we have a new choice. Its biggest feature is to transplant some back-end development patterns to the front end, such as MVC, dependency injection and so on.

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

Advantages of the Angular framework:

1. The Angular framework supports a variety of platforms and is powerful, providing not only tools but also maintainable ways to build the project's patterns. So when you use it correctly, you won't encounter code structures that are difficult to modify and test.

2. Angular is built using TypeScript, and TypeScript depends on JS ES6, so you don't need to learn a new language, but you can still get static types, interfaces, classes, namespaces, decorators and other functions.

3. The components in Angular are separate, so we can easily replace them. And with Angular, the logic of the presentation and the application are not tightly coupled, which makes the markup clearer and simpler.

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

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

React

React is a JavaScript library released by Facebook to build a user interface. React is mainly used to build UI, and many people think that React is the V (view) in MVC. React has high performance, the code logic is very simple, more and more people have begun to pay attention to and use it.

React originated from Facebook's internal project, because the company was not satisfied with all the JavaScript MVC frameworks on the market, so it decided to write its own set to build Instagram's website. After it was made, it was found to be very useful, and it was opened up in May 2013.

Because the design idea of React is extremely unique, it is revolutionary and innovative, and the performance is excellent, but the code logic is very simple. Therefore, more and more people begin 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 many types of parameters in React, such as declaration code, to help you render UI, static HTML DOM elements, dynamic variables, or even interactive application components.

Features:

Declarative design: React uses the declarative paradigm to easily describe applications.

Efficient: React minimizes interaction with DOM by simulating DOM.

Flexible: React works 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 of Vue is the view layer in MVC mode. At the same time, it can easily get the data update 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 uses 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. On the other hand, Vue is fully capable of driving complex single-page applications developed using single-file components and libraries supported by the Vue ecosystem.

The goal of Vue.js is to implement responsive data binding and composite view components through the simplest possible API.

Vue.js itself is not an omnipotent framework-it only focuses on the view layer. So 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 drive complex single-page applications when used with related tools and support libraries.

Advantages of Vue:

Vue.js can be developed into 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 the ability to bind data bidirectionally (we will clearly feel the convenience of this feature in later writing).

The interface effect written in Vue.js is responsive in itself, which makes the web page show a very good-looking effect on a variety of devices.

Compared with the traditional page switching and jumping through hyperlinks, Vue does not refresh the page by using routing.

This is the end of the content of "what are the three front-end frameworks". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.