Home Web Front-end JS Tutorial Summary of front-end js framework and explanation of its uses

Summary of front-end js framework and explanation of its uses

Dec 04, 2017 pm 12:08 PM
javascript use

Today I will introduce to you the summary and usage of the front-end js framework. I have summarized 10 front-end framework libraries. Now I will introduce to you the differences and highlights of these framework libraries one by one.

1. Front-end framework library:

1.Zepto.js

Description: Zepto is a lightweight JavaScript## for modern advanced browsers #Library, it has a similar API to jquery. If you can use jquery, then you can also use zepto. I also learned about Zepto through chatting with a Tencent friend, and only had some basic understanding.

2.SUI Mobile

Description: SUI Mobile is a UI library developed based on Framework7. It is very lightweight and beautiful. You only need to introduce our CDN file to use it. It is compatible with iOS 6.0+ and Android 4.0+, making it very suitable for developing cross-platform Web Apps.

Usage: As you can see, it is used for the development of Web App on the wireless side.

3.Node.Js

Description: Node.js is a Javascript runtime environment (runtime). In fact, it encapsulates the Google V8 engine. The V8 engine executes Javascript very quickly and has very good performance. Node.js optimizes some special use cases and provides alternative APIs to make V8 run better in non-browser environments. Node.js is a platform built on the Chrome JavaScript runtime, which is used to easily build web applications that respond quickly and are easy to expand. Node.js uses an event-driven, non-blocking I/O model to be lightweight and efficient, making it ideal for running data-intensive real-time applications on distributed devices.

Simply put, Node.js is JavaScript running on the server side.

Node.js is a platform built on the Chrome JavaScript runtime.

Node.js is an event-driven I/O server-side JavaScript environment based on Google's V8 engine. The V8 engine executes Javascript very quickly and has very good performance.

Purpose:

1. RESTful API

This is the most ideal application scenario for NodeJS. It can handle tens of thousands of connections. It does not have much logic itself and only requires requests. API, just organize the data and return it. It essentially just looks up some values ​​from some database and composes them into a response. Since responses are small amounts of text and inbound requests are small amounts of text, the traffic is not high and a single machine can handle the API needs of even the busiest companies.

2. Unify the UI layer of Web applications

The current MVC architecture, in a sense, Web development has two UI layers, one is in the browser we finally see , and the other one is on the server side, responsible for generating and splicing pages.

I won’t discuss whether this architecture is good or bad, but there is another practice, the service-oriented architecture, which can better separate the dependencies of the front and back ends. If all key business logic is encapsulated into REST calls, it means that the upper layer only needs to consider how to use these REST interfaces to build specific applications. Those back-end programmers don't have to worry about how specific data is passed from one page to another. They don't have to worry about whether user data updates are obtained asynchronously through Ajax or by refreshing the page.

3. Applications with a large number of Ajax requests

For example, personalized applications, each user sees a different page, the cache is invalid, and Ajax requests need to be initiated when the page is loaded. NodeJS can Respond to a large number of concurrent requests. In short, NodeJS is suitable for use in scenarios with high concurrency, I/O intensive, and a small amount of business logic.

4.angular.Js

Description: AngularJS[1] was born in 2009, created by Misko Hevery and others, and later acquired by Google. It is an excellent front-end JS framework that has been used in many Google products. AngularJS has many features, the most core ones are: MVVM,

Modularization, automated two-way data binding, semantic tags, Dependency Injection and so on.

Purpose: By describing it, we should be able to understand the real purpose of AngularJS, MVVM, modularization, automated two-way data binding, etc. In addition to simple DOM operations, it also reflects the power of Js programming. Of course the application should depend on the occasion.

5.JQuery Mobile

Description: Query Mobile is the version of jQuery on mobile phones and tablet devices. jQuery Mobile will not only bring the jQuery core library to mainstream mobile platforms, but also release a complete and unified jQuery mobile UI framework. Supports global mainstream mobile platforms. The jQuery Mobile development team said: We are very excited to develop this project. The mobile Web needs a cross-browser framework to allow developers to develop truly mobile Web sites.

Purpose: jQuery Mobile is a framework for creating mobile web applications.

jQuery Mobile works on all popular smartphones and tablets.

jQuery Mobile uses HTML5 and CSS3 to lay out pages with as few scripts as possible.

6.requirejs

Description: The goal of RequireJS is to encourage modularization of code. It uses a different approach than traditional

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

What is the use of clipping points? What is the use of clipping points? Feb 27, 2024 pm 01:16 PM

Nowadays, more and more people choose to use Cutting to edit short videos, because it is not only comprehensive in functions, but also rich in material. In the clip, you can easily earn points by checking in or completing tasks. These points can be used to redeem various item rewards to make your editing process more interesting. So what are the uses of the points in the Cutting App? This tutorial guide will give you a detailed introduction and a detailed introduction to how to use the points in the Cutting App. I hope it can help you. How to get editing points? 1. First, select My Options in the lower right corner of the main page. 2. Then select the daily check-in option. 3. You will get 20 points at the end, and you can also get points through other tasks.

What is the use of Elden's Circle of Remembrance? What is the use of Elden's Circle of Remembrance? Mar 08, 2024 pm 01:52 PM

In the game Elden's Ring, if you defeat certain bosses, players can obtain their memory power. They can choose to destroy them in exchange for a large number of runes, or exchange them with the old lady for the boss's weapons or combat skills in the Great Blessing. , is a very practical tool. What is the use of Elden's Ring of Remembrance? 1. Remembrance is a prop obtained after defeating the BOSS in the game. 2. Players can choose to destroy them and exchange them for a large number of runes to upgrade and add points. 3. It can also be exchanged with the old lady for boss weapons or combat skills in the Great Blessing. 4. However, not all weapons and combat skills included in Remembrance are good, and some may be useless weapons. 5. Of course, collectors can pursue these weapons and combat skills.

Detailed explanation of the practical application of win10 safe mode Detailed explanation of the practical application of win10 safe mode Dec 31, 2023 am 11:05 AM

Many users will enter safe mode when using computers or when there is a problem with the computer. However, many users may not know the use of safe mode. Today I will take you to understand the important role of safe mode. . What is the use of win10 safe mode: Answer: Safe mode can easily detect and repair computer system errors. It helps users easily repair some system errors and gets twice the result with half the effort. Normally we do not enter the computer safe mode, but when there are some difficult-to-solve problems in the system, the safe mode can be used to solve them more conveniently. Safe mode works by booting the computer without loading third-party device drivers, causing the computer to run in system minimal mode so that users can

How many fans do you need to join Douyin Star Map? What is the use of entering the star map? How many fans do you need to join Douyin Star Map? What is the use of entering the star map? Mar 23, 2024 pm 01:56 PM

Among today's social media platforms, Douyin has become an extremely popular short video sharing platform. Many people hope to accumulate a certain degree of popularity and influence on Douyin. For users who want to join Douyin Star Chart, a common question is, how many fans are needed to qualify? 1. How many fans are needed to join Douyin Star Chart? Douyin Star Map is a special service launched by Douyin. It is designed for users with certain influence and fan base. Therefore, becoming a member of Douyin Star Chart is not an easy task. At present, Douyin's requirements for entering the star map mainly focus on two aspects: the number of fans and user activity. Douyin does not disclose clear standards for the number of followers it requires. However, according to observations and reports, it is generally believed that people who want to be shaken

JavaScript and WebSocket: Building an efficient real-time weather forecasting system JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

What is the use of Xiaomi Video Toolbox? What is the use of Xiaomi Video Toolbox? Feb 28, 2024 pm 09:30 PM

As one of the indispensable software in Xiaomi mobile phones, Xiaomi Video not only provides users with rich video resources, but also makes many optimizations in the viewing experience. When you are eager to enjoy a video, Xiaomi Video can always provide you with high-quality services. What’s even more gratifying is that Xiaomi Video also has a built-in toolbox, which provides convenience to many users. However, many users don’t know where to open the Xiaomi Toolbox, so this guide will introduce the location of the Xiaomi Toolbox in detail, hoping to help everyone bring a better video viewing experience! How to open Xiaomi Video Toolbox? 1. Open the phone settings and click to open the special functions. 2. Find the video toolbox in the special functions and click to open. 3. Click the slider on the right side of the video.

See all articles