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

This article introduces the relevant knowledge of "what is the basic concept of web front end". 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!

An overview of the front end

Modern Internet applications are mostly composed of back-end programs running on the server and front-end programs running on various terminal devices.

The back-end code, resources, and data are pre-deployed or stored on the back-end and run on the back-end server. The code, resources, and data needed for the front end to run are all from the back end. The front-end installs or loads the program from the back-end server and runs in the terminal device, and the front-end and back-end cooperate with each other through the network, and finally show and realize all the contents and functions of the WEB application to the user.

1.1 Front-end applications refer to programs and resources running on various terminal devices

HTML, CSS and JS provide code for front-end applications to run

Pictures and videos provide multimedia content for front-end applications

The back-end API provides business function services and data access services for the front end.

1.2 the core running environment of front-end applications is the browser engine.

The browser engine renders the structure and content of the application page by parsing HTML

The browser engine renders the style and style of the application page by parsing CSS

The browser engine implements the dynamic function of the application page by executing JS code

The browser engine helps the application page load static resources

The browser engine can realize the function and data interaction with the back-end service.

1.3 Front-end development focuses on writing and organizing HTML, CSS and JS code

The front-end application consists of one or more application pages, which are also commonly known as web pages or pages for short. The front-end application of only one page becomes a single-page application, while multi-page applications manage each other through static or dynamic links between multiple pages.

HTML is a language that describes the structure and content of a page. Each page has its corresponding HTML file, and HTML is the main file of the page.

CSS is a language that describes the style and style of a page. CSS is directly embedded or indirectly introduced into HTML pages.

JS is a language that realizes the dynamic function of the page, and JS is also directly embedded or indirectly introduced into the HTML page.

Two basic concepts

2.1 JavaScript

A dynamic general object-oriented programming language

2.2 HTML

HTML refers to Hypertext markup language (Hyper Text Markup Language), which is a language that describes web pages through tags. HTML document = web page. HTML5 is the next generation HTML standard.

2.3 CSS

CSS refers to cascading style sheets (Cascading Style Sheets), which are used to define the presentation style of HTML elements. CSS3 is the latest CSS standard

2.4 Ajax

Asynchronous JavaScript and XML (asynchronous JavaScript and XML). AJAX is the art of exchanging data with the server and updating parts of the web page without reloading the entire page.

2.5 JQuery

JQuery is a JacaScript library that simplifies JavaScript programming

2.6 React

An open source front-end framework for Facebook

2.7 Node

Node is the JavaScript running environment of the server, which provides API to interact with the operating system. Node can be compared to java's JVM.

Main uses:

Develop front-end applications

Quickly build services

Set up a website

2.8 DOM

The full name of DOM is Document Object Model. It is the objectified description of HTML documents and the interface between HTML elements and the outside world, such as Javascript.

React is to create virtual DOM on the basis of DOM.

2.9 Session

Session to determine the identity of the user by recording information on the server

2.10 Cookie

Detailed explanation of Cookie/Session mechanism

Determine the identity of the user by recording information on the client

2.11 ES6

ECMAScript 6 is the next generation standard of the JavaScript language. The relationship between ECMAScript and JavaScript is that the former is the specification of the latter, and the latter is an implementation of the former (other ECMAScript dialects also include Jscript and ActionScript). On daily occasions, the two words are interchangeable.

This is the end of the content of "what is the basic concept of web front end". Thank you for 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.