前端学习笔记——预习课（二）

一、什么是HTML

html:是指超文本标记语言，什么是超文本，普通文本就是只有文字，超文本是指既有文字，又有视频、图片、链接、频频等。

二、五大浏览器

• IE、火狐（FireFox）、谷歌（Chrome）、欧朋（Opera）、苹果浏览器（Safari）；

• 内核：浏览器的渲染引擎，将html语言解析渲染成网页的形式。

• 四大内核：

浏览器	内核	其他
IE浏览器	Trident	百度浏览器、猎豹浏览器、360浏览器（Trident +Blink）
火狐浏览器	Gecko	/
Safair浏览器	Webkit	Safair浏览器、以前的谷歌浏览器
谷歌浏览器	Blink	/
欧朋浏览器	Blink	/

另外，Edag浏览器（微软研发）：Chromium内核

三、web标准的构成

html（结构）、css(样式)、JS(行为)

四、浏览器从输入地址按下回车键会发生哪些事情

1、DNS解析域名（一张映射表，对应域名和ip（互联网当中一个身份证）地址）

根据URL地址进行域名解析，查找要连接的服务器

2、建立TPC连接(客户端与服务器连接的一种规则)

3、发送HTTP（超文本（超过了文本范围）传输协议，它指定客户端和服务器相互之间可以传什么样的消息的规则，可以理解为两个说话的语言）请求，我们可以从请求信息和响应信息中获取一些信息：

4、服务器处理请求

服务端收到请求后由web（http服务器）服务器处理请求，web服务器解析用户的请求，知道了客户端需要哪些资源文件，通过参数调用数据里面对应资源文件，最后将资源返回给客户端。

5、返回响应结果

回应对应信息，比如文件，一些资源，一些数据.. 还有http状态码。

6、四次握手，关闭TCP连接

目的是为了服务器和客户端双方减少资源性能的一个损耗，在关闭的过程当中会出现4次挥手。

五、http状态码

200：状态码200表示服务器响应成功了，并且把资源返回给了客户端

301：永久重定向(就是从一个位置跳转到另外一个位置)

比如 www.abc.ocm 但是因为某些原因 该域名所属的服务器需要更换ip或者更换域名 www.abc.cn,那么用户就不能使用原来的域名访问该网站了，就会造成一个问题就是流失用户，所以服务可以用从定方式让他在访问原路径的时候跳转到新路径

302：临时重定向，意思如301，但是临时性的，以后可能还会继续使用原域名或者ip

403：客户端请求服务器资源的时候，权限不够，没有权限去访问服务器的资源，或者该IP地址被封掉了

404：该服务器上面没有请求的资源，或者说找不到客户端请求的资源，最常见的错误

500:状态500表示服务器有问题，可能服务器关闭了，服务器出问题了，就是后端的问题

提示：4和5开头的

 4开头出现问题，就是你的地址写错，参数写错（后端给我们，接口文档），如果确保我们前端写的都是对，后端给我们的文档问题；
 5开头，我需要检测自己代码，直接找后端

六、浏览器解析渲染页面的过程

1. 渲染引擎解析（我们可以理解为浏览器不认识代码，把这些东西转换成浏览器能认识的东西）

把html文件构建成DOM tree（DOM树 数据格式）

2. 解析CSS文件构建成CSSOM tree(样式树)

3. 结合DOM tree和CSSOM tree生成一个render tree（渲染树）

4. 进行layout（布局）处理阶段，就是将render tree分配到屏幕确切坐标（只是做了一个坐标的分配，并没有展示出来）

5. 绘画，绘制阶段，渲染引擎会将render tree真正绘制到刚刚指定坐标位置，这个绘制的过程是渐进式，并不是说全部绘制完成才展示，而是绘制一点就展示一点

Js引擎 v8 ：解析js文件的

总结：在浏览器中输入url敲下回车以后，先通过DNS服务解析域名-进行TCP链接-发送http请求-服务器处理请求-服务器响应结果-关闭TCP链接-浏览器进行页面展示