发表于： 2017-04-12 23:07:02
1 1233
小课堂--network中的请求信息，headers中的每一项分别是什么意义?
1.背景介绍
http请求中的request header和response header
浏览器发送和接收http请求的时候，每条都带有一个“请求头”。它携带发送者的信息，也可以包含自定义的数据。
http请求的7个步骤：
- 建立TCP链接
- 浏览器发送请求（GET/sample/hello.jsp HTTP/1.1）
- 浏览器发送请求头（request header）
- 服务器发送应答（HTTP/1.1 200 OK）
- 服务器发送应答头（response header）
- 服务器发送数据
- 服务器关闭TCP连接
- HTTP报文的结构
- 请求/响应头、空行、数据
- 请求头的结构
- 请求行
- 首部字段（请求首部字段、通用首部字、实体首部字段）
- 响应头的结构
- 状态行
- 首部字段（相应首部字段、通用首部字段、实体首部字段）
2.知识剖析：header内的每条项目的作用②
所有可能的字段列表④
请求头中常见的字段GET /URL/ HTTP/1.1 请求行-方法、URI、HTTP版本
Host: 发出请求的页面所在的域
Connection: 表示是否需要持久连接。
Upgrade-Insecure-Requests: 声明支持升级的安全类型（https）
User-Agent: 浏览器的用户代理字符串
Accept:指定客户端能够接收的内容类型
Referer: 发出请求的页面的URI
Accept-Encoding:浏览器可以支持的压缩编码类型。
Accept-Language: 浏览器可以接受的字符编码集。
Cookie: 该请求域名下的所有cookie值
应答头中常见的字段
Connection:keep-alive --表示是否需要持久连接。
Content-Encoding:gzip --web服务器支持的返回内容压缩编码类型。
Content-Type:text/html --媒体类型
Date:Wed, 12 Apr 2017 09:33:01 GMT --原始服务器消息发出的时间
Last-Modified:Sat, 01 Apr 2017 12:59:48 GMT --请求资源的最后修改时间
Server:nginx/1.2.4 --web服务器软件名称
Transfer-Encoding:chunked --文件传输编码的格式
3.常见问题
如何修改和配置请求头
4.解决方案
使用XHR对象的.setRequestHeader()方法
req1.open('post','url',true);
req1.setRequestHeader('myheader','myvalue');
req1.send("数据");
5.编码实战：
6.扩展思考
HTTP2.0中做了哪些改进
7.参考文献
2. 《图解HTTP》
5. 通用首部字段详解
6. 请求首部字段详解
7. 响应首部字段详解
PPT链接：https://ptteng.github.io/PPT/PPT/js-5-XMLHttpRequestHeader#/
视频链接：https://v.qq.com/x/page/x0393sw0800.html
文本链接：http://jnshu.com/daily/20322?uid=6039
今日完成：
1 日常任务，回复日报，复习相关
》修改<input type="radio">的默认样式
<label><input><span><span></label>
input display:none。span设置自定义的单选样式。
2 小课堂：HTTP header中的每项是什么意思。
明日计划：
1 日常任务：回复日报，复习相关，微信和Wiki链接。
2 继续完善任务和学习angular框架。
问题：收获：
1 通过做小课堂，了解了更多HTTP的基础知识，并且找到了HTTP1.1的网络协议规范。
2 小课堂：viewport，了解了这行代码的来龙去脉；
<meta name="viewport"
content="width=device-width height=device-height
initial-scale=1.0 minmum-scale=1.0 maxmum-scale=1.0 user-scalable=no"/>
第2行将HTML宽度设置为厂商定义的设备（视口）宽度，否则浏览器会使用厂商定义的硬件宽度（！=物理宽度）
第3行设定了文档默认缩放。
这行代码统一了ie和webkit的自适应样式。
最后，企图在移动设备上使用物理宽度是不现实的，因为其密度千差万别。
返回列表
评论