1.H5新增元素
-datalist标签
<input type="text" list="xxx">
<datalist id="xxx">
<option>输入的内容</option>
</datalist>
作用: 给输入框绑定待选项
操作:input的list属性的值与datalist的id值相等
-progress
<progress value="70" max="100">70%</progress>
progress表示任务的完成情况,常用于进度条
max: 定义进度元素所要求的任务的工作量,默认值为1
value: 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数
2.HTTP协议
HTTP是一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议)。它是在 Web 上进行数据交换的基础,是一种 client-server 协议,也就是说,请求通常是由像浏览器这样的接受方发起的。
HTTP被设计于20世纪90年代初期,是一种可扩展的协议。它是应用层的协议,通过TCP,或者是TLS-加密的TCP连接来发送,理论上任何可靠的传输协议都可以使用。因为其良好的扩展性,时至今日,它不仅被用来传输超文本文档,还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求,仅获取部分Web文档内容更新网页。
表单:提交数据
交互:HTTP协议
客户端大前端 请求------
<------响应 服务端 后端
HTTP报文的分类有两种:请求报文和响应报文。顾名思义,请求报文就是客户端向服务端发送请求的信号,响应报文就是服务端响应处理后回传给客户端的信号。
请求方式 get与post请求的区别? 面试题
请求报文:请求行、请求头、空行和请求体
请求行
Get 传输数据量小 参数携带在URL后面 没有请求体 没有数据保密性
Post 传输数据量大 参数携带在请求体里 数据保密性强(swagger-login/register)
Cookie
把用户的喜好在本地创建了一个记录,当用户下次浏览相同网页时会进行喜好推荐
请求头
Host:请求的主机名,允许多个域名同处一个IP地址,即虚拟主机
空行:用作请求头与请求体之间的内容分割
请求体:包含请求携带数据,所以get是没有请求体的
响应报文:状态行、消息报头、空行和响应正文
状态行:告诉前端是否请求正确,若错误,通过状态码分析错误原因,调整bug
200 成功
4xx 前端错误 url/请求数据格式/语法错误...
5xx 服务器端错误,练习后台人员解决
响应头:
Content-Type:返回的资源类型 (MIME);
Connection:连接方式;
close:连接已经关闭;
keep-alive:连接已保持,在等待本次连接的后续请求;
空行:分割响应头和响应体
响应体:返回给前端的数据
宽:width 高:height
合并行:colspan 合并列:rowspan
表格:table tr td th