前端知识

网页最主要由3部分组成:

结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。

（1）HTML

HTML，全称“Hyper Text Markup Language（超文本标记语言）”，
简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。

（2）CSS

CSS，全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。

（3）JavaScript

JavaScript是一门脚本语言。
HTML、CSS和JavaScript的区别 我们都知道前端技术最核心的是HTML、CSS和JavaScript这三种。

比喻成建房子:

“HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为
如果我们把前端开发的过程比喻成“建房子”，做一个网页就像盖一栋房子 

1、先把房子结构建好（HTML）
2、建好房子之后给房子装修（CSS），例如往窗户安上窗帘、往地板铺上漂亮的瓷砖
3、最后呢，装修完了之后，当夜幕降临的时候，我们要开灯（JavaScript），这样才能看得见里面。

互联网

1、什么是互联网

物理连接介质+互联网协议

2、互联网建立的目的？

用于打破地域限制来进行数据传输

3、什么是上网

用户通常使用浏览器发送请求给目标主机，
然后将目标主机上的文件内容下载到本地，

浏览器与服务端之间是基于http协议工作的

Web开发本质:

1. 浏览器输入网址回车都发生了什么?
1. 浏览器 给服务端 发送了一个消息
2. 服务端拿到消息
3. 服务端返回消息
4. 浏览器展示页面

C/S架构 --> B/S架构

HTTP协议

1、什么是HTTP协议：

全称Hyper Text Transfer Protocol（超文本传输协议）
HTTP协议是用于从（WWW:World Wide Web，简万维网 ）服务器传输超文本到本地浏览器的传送协议。

HTTP协议工作于B/S架构上
    浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送请求Request。
    Web服务器根据接收到的请求后，向客户端发送响应信息Response。

HTTP协议是基于TCP/IP通信协议来传递数据的（HTML 文件, 图片文件等）

2、为何要用HTTP协议

是应用层测协议，用于浏览器与web服务端之间传输数据

3、如何用HTTP协议：

1、HTTP是基于TCP协议
2、HTTP协议的特点：

I：无连接
    HTTP协议本身是没有连接的，但没进行一次HTTP协议的通信
    必先建立TCP连接，该TCP连接会在通信完毕后关闭，如果短时间内再次发起HTTP请求
    则必须重新建立连接，这么做的缺点是：1、对服务端造成过大的压力 2、数据传输速度慢

    解决方法：
        Keepalive
II：无状态：
    cookie与session

3、HTTP之request

GET url HTTP/1.1\r\n
k1:v1\r\n
k2:v2\r\n
....
\r\n
请求体（只有post方法才有请求体）

请求URL：
    URL是一种URI的具体实现方式
     https://www.cnblogs.com:80/linhaifeng/articles/8982675.html?a=1&b=1#anc1
     https比https多了一个ssl安全认证
               域名+端口号           虚拟目录           文件      &请求参数  #页面锚点

请求方法：
    GET
        参数是存放url地址的？后的
        参数大小有限制
        不安全
    POST
        参数是存放请求体中的
        参数大小无限制
        相对安全

请求头：
    user-agent
    referer
    cookie

4、HTTP之response

HTTP/1.1 200 Ok\r\n
k1:v1\r\n
k2:v2\r\n
...
\r\n
相应体（即我们要从服务端下载的内容）

HTTP协议完整工作流程

HTTP协议定义Web客户端如何从Web服务器请求Web页面，以及服务器如何把Web页面传送给客户端。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求报文，请求报文包含请求的方法、URL、协议版本、请求头部和请求数据。服务器以一个状态行作为响应，响应的内容包括协议的版本、成功或者错误代码、服务器信息、响应头部和响应数据。

以下是 HTTP 请求/响应的步骤：

1、客户端连接到Web服务器

一个HTTP客户端，通常是浏览器，与Web服务器的HTTP端口（默认为80）建立一个TCP套接字连接。例如，http://www.oakcms.cn。

2、发送HTTP请求

通过TCP套接字，客户端向Web服务器发送一个文本的请求报文，一个请求报文由请求行、请求头部、空行和请求数据4部分组成。

3、服务器接受请求并返回HTTP响应

Web服务器解析请求，定位请求资源。服务器将资源复本写到TCP套接字，由客户端读取。一个响应由状态行、响应头部、空行和响应数据4部分组成。

4、释放连接TCP连接

若connection 模式为close，则服务器主动关闭TCP连接，客户端被动关闭连接，释放TCP连接;若connection 模式为keepalive，则该连接会保持一段时间，在该时间内可以继续接收请求;

5、客户端浏览器解析HTML内容

客户端浏览器首先解析状态行，查看表明请求是否成功的状态代码。然后解析每一个响应头，响应头告知以下为若干字节的HTML文档和文档的字符集。客户端浏览器读取响应数据HTML，根据HTML的语法对其进行格式化，并在浏览器窗口中显示。

例如：在浏览器地址栏键入URL，按下回车之后会经历以下流程：

1、浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP 地址;

2、解析出 IP 地址后，根据该 IP 地址和默认端口 80，和服务器建立TCP连接;

3、浏览器发出读取文件(URL 中域名后面部分对应的文件)的HTTP 请求，该请求报文作为 TCP 三次握手的第三个报文的数据发送给服务器;

4、服务器对浏览器请求作出响应，并把对应的 html 文本发送给浏览器;

5、释放 TCP连接;

6、浏览器将该 html 文本并显示内容; 　　

HTTP协议关键性总结