What is the difference between jquery and angularjs

Difference: 1. JQuery is a JS library, AngularJS is a JS framework; 2. Jquery has nothing to do with the model, Angular is based on the MVC model; 3. Jquery does not have a two-way binding function, but Angular does; 4. jQuery is suitable Round style, Angular is suitable for single page applications, etc.

The operating environment of this tutorial: windows7 system, jquery1.10.0&&Angular6 version, Dell G3 computer.

The difference between AngularJS and JQuery:

1. JQuery is a JavaScript library for DOM operations; AngularJS is a JavaScript framework .

2. Jquery has nothing to do with models; Angular is based on MVC and is used to create SPA (single page application).

3. Jquery does not have a two-way binding function; while Angular has key functions such as routing, instructions, two-way data binding, models, dependency injection, and unit testing.

4. There are differences in development models

AngularJS and jQuery have completely different ideas in web application development models:

• jQuery: Through display operation Use the DOM in the browser to create applications (suitable for turn-based applications). For large and complex projects, it is not conducive to comprehensive unit testing;

• AngularJS: Absorb the browser into an application The foundation (suitable for single-page applications), good at large and complex projects, and convenient for comprehensive unit testing.

So what are round applications and single-page applications?

Round-Trip Application

When the development of web applications just started, many developers used round-trip applications.

Compared with a single-page application, it is equivalent to a multi-page application.

• Advantages: It has few requirements on the browser and can ensure maximum client support;

• Disadvantages: The user is in the next HTML The document must wait before being requested and loaded. During this period, it requires a large server side, that is, a back-end server to process all requests and manage all application states, which takes up a lot of bandwidth (at this time, because each HTML document must be automatically Including, that is, every time the page is updated, the updated and unupdated content in the HTML document must be sent to the server in its entirety, which results in each response generated from the server containing much of the same content).

Single-Page Application

Compared with round-robin applications, single-page applications take a different approach. Only an initial HTML document is sent to the browser for the entire application, and Ajax (asynchronous) requests generated by user interactions will only request smaller HTML fragments, or data to be inserted into existing elements displayed to the user.

The initial HTML document will not be loaded or replaced again. When the Ajax request is executed asynchronously, the user can continue to interact with the existing HTML.

• Advantages: Reduce the amount of data requested to the backend, reduce bandwidth, and improve the performance of web applications.

• Disadvantages: The performance of the browser is improved, and not all browsers are compatible with certain features.

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

The above is the detailed content of What is the difference between jquery and angularjs. For more information, please follow other related articles on the PHP Chinese website!