Introduction to practical web front-end JS and UI framework

Front-end Js framework summary

Overview:

There are days when I don’t sit down and write a blog. In the era of rapid development of the Internet, the speed of technology updates and iterations is also accelerating. I feel envious when I see Java, Js, and Swift flourishing in various fields. The news about .net is also exciting, including .net core 1, mono, xamarin, etc., but most of them are still in the roaring stage. In fact, the understanding of technology has always been that technology serves business and products, and products promote the evolution of technology to varying degrees.

Web, wireless, Internet of Things, VR, and PC are promoting technological integration and micro-innovation from different directions. The role of programmers in different business scenarios is reversed. With the emergence of node.js, the role of language is also changing, and JS plays an increasingly important role. I also sorted out the knowledge I learned after dinner. After reading "Your Knowledge Needs Management", I strongly realized that a messy and extensive knowledge reserve is far less beneficial than organized and organized knowledge. So, yes, we need to come back from time to time to sort out the knowledge we have in order to prepare for emergencies.

1. Front-end framework library:

1.Zepto.js

• Address: http://www.css88 .com/doc/zeptojs/

• Description: Zepto is a lightweight JavaScript library for modern advanced browsers. 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

• ##Address: http://m.sui. taobao.org

• Description: SUI Mobile is a set of UI libraries 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: You have also seen that it is used for the development of Web App on the wireless side.

3.Node.Js

• Address: http://www.runoob .com/nodejs/nodejs-tutorial.html (Chinese website)

• 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, 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.

• Usage:

　1. RESTful API

This is the most ideal application scenario for NodeJS , can handle tens of thousands of connections, and does not have much logic. It only needs to request the API, 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 what we finally see in the browser , 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 an Ajax request needs 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

• Address: http://www.runoob.com/angularjs/angularjs-tutorial.html (Chinese website)

• 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 of which are: MVVM, modularization, automated two-way data binding, semantic tags, dependency injection, etc.

• 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

• ##Address: http: //www.w3school.com.cn/jquerymobile/ (Chinese website)

• 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

• ##Address:

  http://www.requirejs.cn /

• Description:

  The goal of RequireJS is to encourage modularization of code, which uses a different script loading step than the traditional

  

  Hot AI Tools

  

  Undresser.AI Undress

  AI-powered app for creating realistic nude photos

  

  AI Clothes Remover

  Online AI tool for removing clothes from photos.

  

  Undress AI Tool

  Undress images for free

  

  Clothoff.io

  AI clothes remover

  

  Video Face Swap

  Swap faces in any video effortlessly with our completely free AI face swap tool!

  Show More

  

  Hot Article

  Assassin's Creed Shadows: Seashell Riddle Solution

  4 weeks ago By DDD

  What's New in Windows 11 KB5054979 & How to Fix Update Issues

  3 weeks ago By DDD

  Where to find the Crane Control Keycard in Atomfall

  4 weeks ago By DDD

  Roblox: Dead Rails - How To Complete Every Challenge

  1 months ago By DDD

  Atomfall guide: item locations, quest guides, and tips

  1 months ago By DDD

  Show More

  

  Hot Tools

  

  Notepad++7.3.1

  Easy-to-use and free code editor

  

  SublimeText3 Chinese version

  Chinese version, very easy to use

  

  Zend Studio 13.0.1

  Powerful PHP integrated development environment

  

  Dreamweaver CS6

  Visual web development tools

  

  SublimeText3 Mac version

  God-level code editing software (SublimeText3)

  Show More

  

  Hot Topics

  Where is the login entrance for gmail email?

  7712

  15

  Java Tutorial

  1640

  14

  CakePHP Tutorial

  1394

  52

  Laravel Tutorial

  1288

  25

  PHP Tutorial

  1232

  29

  Show More

Related knowledge

Python ORM Performance Benchmark: Comparing Different ORM Frameworks Mar 18, 2024 am 09:10 AM

Object-relational mapping (ORM) frameworks play a vital role in python development, they simplify data access and management by building a bridge between object and relational databases. In order to evaluate the performance of different ORM frameworks, this article will benchmark against the following popular frameworks: sqlAlchemyPeeweeDjangoORMPonyORMTortoiseORM Test Method The benchmarking uses a SQLite database containing 1 million records. The test performed the following operations on the database: Insert: Insert 10,000 new records into the table Read: Read all records in the table Update: Update a single field for all records in the table Delete: Delete all records in the table Each operation

How to enable administrative access from the cockpit web UI Mar 20, 2024 pm 06:56 PM

Cockpit is a web-based graphical interface for Linux servers. It is mainly intended to make managing Linux servers easier for new/expert users. In this article, we will discuss Cockpit access modes and how to switch administrative access to Cockpit from CockpitWebUI. Content Topics: Cockpit Entry Modes Finding the Current Cockpit Access Mode Enable Administrative Access for Cockpit from CockpitWebUI Disabling Administrative Access for Cockpit from CockpitWebUI Conclusion Cockpit Entry Modes The cockpit has two access modes: Restricted Access: This is the default for the cockpit access mode. In this access mode you cannot access the web user from the cockpit

Application of Python ORM in big data projects Mar 18, 2024 am 09:19 AM

Object-relational mapping (ORM) is a programming technology that allows developers to use object programming languages ​​to manipulate databases without writing SQL queries directly. ORM tools in python (such as SQLAlchemy, Peewee, and DjangoORM) simplify database interaction for big data projects. Advantages Code Simplicity: ORM eliminates the need to write lengthy SQL queries, which improves code simplicity and readability. Data abstraction: ORM provides an abstraction layer that isolates application code from database implementation details, improving flexibility. Performance optimization: ORMs often use caching and batch operations to optimize database queries, thereby improving performance. Portability: ORM allows developers to

what does web mean Jan 09, 2024 pm 04:50 PM

The web is a global wide area network, also known as the World Wide Web, which is an application form of the Internet. The Web is an information system based on hypertext and hypermedia, which allows users to browse and obtain information by jumping between different web pages through hyperlinks. The basis of the Web is the Internet, which uses unified and standardized protocols and languages ​​to enable data exchange and information sharing between different computers.

Is PHP front-end or back-end in web development? Mar 24, 2024 pm 02:18 PM

PHP belongs to the backend in web development. PHP is a server-side scripting language, mainly used to process server-side logic and generate dynamic web content. Compared with front-end technology, PHP is more used for back-end operations such as interacting with databases, processing user requests, and generating page content. Next, specific code examples will be used to illustrate the application of PHP in back-end development. First, let's look at a simple PHP code example for connecting to a database and querying data:

How to implement h5 to slide up on the web side to load the next page Mar 11, 2024 am 10:26 AM

Implementation steps: 1. Monitor the scroll event of the page; 2. Determine whether the page has scrolled to the bottom; 3. Load the next page of data; 4. Update the page scroll position.

Golang's browser support: building an interactive web Apr 07, 2024 pm 04:03 PM

Go builds interactive web applications that run in the browser. Steps: Create Go project and main.go file, add HTTP handler to display messages. Add forms using HTML and JavaScript for user input and submission. Add handling of POST requests in your Go application, receive user messages and return responses. Use FetchAPI to send POST requests and handle server responses.

Why Choose PHP as Your Language of Choice for Web Development Mar 16, 2024 am 08:45 AM

Why choose PHP as the preferred language for web development? In today's Internet era, web development has become a very important field. And choosing a suitable programming language is crucial for developers. Among many programming languages, PHP is favored by developers as a powerful web development language. This article will explore from several aspects why PHP is chosen as the preferred language for web development. First of all, the popularity and popularity of PHP is one of the important reasons for choosing it. PHP is a widely used language

See all articles