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

Foreword:

front-end medium language

HTML CSS JavaScript JSP JavaScriptPage JavaScript Dynamic Language Interaction JS JSP JavaScriptPage

VUE (typically a progressive JavaScript framework that can easily implement front-to-back separation)

ECHARTS (for data picture analysis display, you can learn about it)

bootstrap (front-end development framework)

C#is mainly good at window development

Domain Name Overview 1.1 Domain Name Concept IP Address Difficult to Remember 1.2 Early Use of Hosts File Resolution Domain Name Host Name Duplicate Host Maintenance Difficulties 1.3 DNS (Domain Name System) Distributed Hierarchy 1.4 Path to hosts file in win

1.5 Contents of hosts file in win

When performing domain name resolution, the hosts file will be identified by default. If there is a pointer in the hosts file, you can quickly find the target server instead of looking for the DNS server every time, thus speeding up the operation.

1.6 Domain name spatial structure

URL //www.kgc.com/test

Protocol://hostname. Secondary domain names. Top-level domain/virtual directory

Two: The concept of a web page 2.1 The website consists of a single page, which is a combination of multiple web pages 2.2 The plain text format file of the web page, which is written in HTML, is "translated" into the form of a web page in the user's browser 2.3 The first web page that appears after opening the website becomes the homepage (or homepage) of the website 2.4 Domain name The URL entered when browsing the web page 2.5 HTTP protocol The communication protocol used to transmit the web page http: 80 port https: Port 443 also has ftp:// 20 or 21 port 2.6 URL is an addressing system for the World Wide Web 2.7 HTML is the hypertext markup language used to write Web pages 2.8 Hyperlinks are the function of connecting different Web pages in a Web site 2.9 Publishing The process of uploading a Web page to a server for user access

Note: absolute path is the most taboo in web publishing. If you migrate, there will be hidden dangers of not finding the path.

HTML Overview 3.1 HTML Hypertext Markup Language Web page "source code"3.2 Browser: "interpret and execute" HTML source code tools

A double structure is one that has a head and a tail.

End with/is a single structure.

3.2 Structure of HTML documents

3.3 label

Title often uses CSS, do beautification use

body is the body content

title Website title

Title 1 h2

p Paragraph tags

br New line label

span Contains labels:

style="color" ;

font-size：1.5rem;

img src="img/ping/png" width="100px" height="150px" image label, path, width, height (px in pixels)

a hyperlink href="page name" width="-blank Click to pop up a second window"

Web overview Web (world wide web) is a wide area network, also known as the World Wide Web, a distributed graphical information system built on the Internet, a network service

4.1 Web 1.0 and Web 2.0 4.1.1 Web 1.0 features editing, where the content provided to users is edited and then read by users. This process is a one-way behavior from the website to the user. 4.1.2 web 2.0 pays more attention to user interaction. Users are myopic consumers of website content (browsers) and manufacturers of website content. The interaction between the website and users is strengthened. The website content is based on user provision. Many functions of the website are also built by users, realizing two-way communication and participation between the website and users. Static web pages 5.1.1 Static web pages are standard HTML files 5.1.2 Extensions are.htm,.html text, images, sounds, FLASH animation, client-side scripts and Activex controls and JAVA Mini programs 5.1.3 is the basis for website construction, early websites generally have static web pages 5.1.4 No background database, no programs and non-interactive web pages 5.1.5 relatively troublesome to update 5.2.1 Each static web page has a fixed URL, and the URL is suffixed in the common form of.htm,.html,.shtml, etc., without "? "5.2.2 Once the content of a webpage is published to the website server, no matter whether there is a user visit or not, each static webpage is saved on the website server. That is to say, static webpages are files actually saved on the server, and each webpage is an independent file. 5.2.3 The content of static netizens is relatively stable, so it is easy to be retrieved by search engines. 5.2.4 Static webpages do not have database support. 5.2.5 The interactivity of static web pages is poor, and there are greater restrictions in terms of functions. 5.2.6 The page browsing speed is fast, and the process does not need to connect to the database. The page opening speed is faster than that of dynamic pages.

MVC, view template controller, determines resources through service requests

6.1.1 Web page URL is not fixed, can interact with users through the background 6.1.2 In the dynamic web page URL there is a symbolic symbol-"? "6.1.3 Commonly used languages include ASP,PHP,JSP, etc. 6.2 Characteristics of dynamic web pages 6.2.1 Interactivity means that web pages will dynamically change and respond according to user requirements and choices, and browsers will be used as client interfaces. This will be the trend of WEB development in the future 6.2.2 Automatic update does not need to manually update HTML documents, and new pages will be automatically generated, which can greatly save workload 6.2.3 Change according to time and different time. Different people visit the same URL and different pages are generated.

Remarks: We'll talk about separation later. Seven: HTTP protocol 7.1 HTTP protocol overview 7.1.1 HTTP protocol is the most widely used network protocol on the Internet, designed to publish and accept HTML pages on web servers 7.1.2 HTTP protocol versions HTTP 0.9 HTTP 1.0 HTTP 1.1 HTTP 2.07.2 HTTP methods 7.2.1 HTTP supports several different request commands, These commands are called HTTP methods 7.2.2 Each HTTP request message contains a method, which the server loses. What action to perform? Get a web page, run a gateway program, delete a file, etc.

post and get requests

post security get efficiency, get will write information to url

post will encrypt the information 7.2 HTTP protocol There are many ways to obtain web HTTP protocol There are many ways to obtain web resources, there are two commonly used: GET and POST

7.3 GET method: get data from a specified server get request can be cached get request will be saved in browser browsing history get request has a length limit string mainly used to get data query will be displayed in URL unsafe 7.4 POST method: submit data to a statutory server for processing POST request cannot be cached post request will not be saved in browser browsing history post request has no length limit query string will not be displayed in URL relatively safe HTTP status code 8.1 When using a browser to access a URL, it will return a status code according to the requested URL 8.2 Usually the normal status code is 2xx, 3xx (such as 200) 8.3 If an exception occurs, it will return 4xx, 5xx (such as 404)

404 Error 404 The page cannot be found.

8.4 HTTP status codes common in production environments

8.5 HTTP Request Flow Analysis

Step f is to download the static web page of the server to the temp cache of the client

9: HTTP message format 9.1 HTTP request message format includes: request line, request header, request body

1 Get /mattmarg/ HTP/1.1 Request Contents

2 User-Agent: Mozilla/2.0 (Macintosh;I;PPC) Browser ID

3 Accept：text/html; /

4 Cookie：name = value

5 Referer：http：//XXX.com/a.html

Remarks:

Cookies: log, can record account password,

referrer: redirect to prevent unauthorized access to internal pages

9.2 HTTP response message format includes: status line, response header, response body 01 HTTP/1.1 200 OK02 Server: Microsoft-IIS/5.1... 06 Accept-Ranges:bytes07 Last-Modified: Wed, 02 Jul 2008 01:01:26 GMT08 ETag: "0f71527dfdbc81:ade"09 Content-Length: 461011

adfasfa

9.3 For HTTP, a Fiddler is usually used. This packet capture tool is used to analyze HTTP messages.

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.