知识点

                                      知识点

一、HTTP请求
1、http是一种由计算机通过网络来进行通信的规则。HTTP是一种无状态协议。
2、一个完整的HTTP请求一般具有以下7个步骤：
（1）建立TCP连接；
（2）客户端（Web浏览器）向Web服务器发送请求命令；
（3）客户端发送请求头信息；
（4）Web服务器应答；
（5）Web服务器发送应答头信息；
（6）Web服务器发送向客户端发送数据；
（7）Web服务器关闭TCP连接。
3、一个HTTP请求通常由HTTP请求的方法或动作（GET或POST），正在请求的地址（URL），请求头（身份验证等信息）和请求体（请求正文）四部分组成。
4、一个HTTP响应通常由状态码、响应头和响应体三部分组成。
5、HTTP状态码是由三位数字组成的；其中决定这个状态码的类型的数字是首位数字。而状态码的类型有：
（1）1XX：信息类。表示收到Web浏览器请求，正在进一步处理中。
（2）2XX：成功（已完成）。表示用户请求被正确接收、理解和处理。例如：200 OK。
（3）3XX：重定向。表示请求没有成功，客户必须采取进一步的动作。
（4）4XX：客户端错误。表示客户端提交的请求具有错误。例如：404 NOT Found：表示请求中所引用的文档不存在。
（5）5XX：服务器错误。表示服务器不能完成对请求的处理。例如：500。
二、XMLHttpRequest
1、发送请求：
open(method,url,async);
send(string)。
其中的参数method表示方法；参数url表示地址；参数async表示是同步还是异步。
2、取得响应：
（1）responseText：获得字符串形式的响应数据；
（2）responseXML：获得XML形式的响应数据；
（3）status和statusText：以数据和文本形式返回HTTP状态码；
（4）getAllResponseHeader()：获得所有的响应报头；
（5）getResponseHeader()：查询响应中的某个字段的值。
（6）readyState属性：
（a）0：请求未初始化，open还没有调用。
（b）1：服务器连接已建立，open已经调用了。
（c）2：请求已接受，也就是接收到头信息了。
（d）3：请求处理中，也就是接收到响应主体了。
（e）4：请求已完成，且响应已就绪，也就是响应已经完成了。
三、媒体查询（media query）
1、在之前我们学习HTML+CSS设计时会出现一个问题，那就是在我们的电脑上样式效果非常精美，但是拷贝到别的电脑上打开浏览页面时，显示的效果却会变得非常混乱丑陋。这是由于双方的设备或者浏览器不同导致的。
2、因此，CSS3新增了media query功能，它允许我们在css样式中添加media query 表达式。而这个表达式不仅可以对媒体类型进行匹配；还可以对媒体的分辨率、色深等各种细节进行匹配。所以它可以对不同类型、不同参数细节的媒体设备提供精确的控制。
3、媒体查询范围，我们可以将其理解成将不同的宽度的网页页面进行拆分，并且分别载入CSS样式来进行处理和构建。
4、响应式的分界点：
//Extra small devices (portrait phones, less than 576px)
//No media query since this is the default in Bootstrap
//Small devices (landscape phones,576px and up)
@media (min-width:576px){…}
//Medium devices (tablets, 768px and up)
@media (min-width:768px){…}
//Large devices (desktops, 992px and up)
@media (min-width:992px){…}
//Extra large devices (large desktops, 1200px and up)
@media (min-width:1200px){…}
5、媒体查询是响应式的一个重要方面。它是一种CSS语法，可以根据浏览器的特性（一般是屏幕或浏览器容器宽度）提供CSS规则。
6、媒体查询的语法格式是：@media 设备类型 [and 设备特性]。
在这里，我们要注意[and 设备特性]部分可以出现0~N次，我们通过使用多个[and 设备特性]来达到对多个设备特性进行匹配的目的。
7、设备类型具有如下几种：
（1）all：适用于所有的设备类型。
（2）aural：适用于语音和音频合成器。
（3）braille：适用于触觉反馈设备。
（4）embossed：适用于凸点（盲文）字符印刷设备。
（5）handheld：适用于小型或手提设备。
（6）pint：适用于打印机。
（7）projection：适用于投影图像，如幻灯片。
（8）screen：适用于计算机显示。
（9）tty：适用于使用固定间距字符格的设备，如电传打字机和终端。
（10）tv：适用于电视类设备。