1.新表单元素—h5
1.电子邮件
表单提交时,会验证数据是否符合email规范(有@,并且@后面有内容)
<input type='email' />
2.搜索类型
在内容后面出现个×能够快速清除内容
<input type='search' />
3.url
提交时规定url的格式(http://*****)
<input type='url'/>
4.电话号码类型
在移动设备中,显示拨号键盘
<input type='tel'/>
5.数字类型
只能在框中填属性数字
<input type='number' value='7' min='6' max='5' step='2' />
属性:value 默认值
max 能接收的最大值
min:能接收的最小值
step:每次调整步数时,步数的大小
6.范围
<input type='range' value='10' max='20' min='10' step='5' />
提供一个滑块组件 允许用户选取指定范围的值
7.颜色类型
<input type='color' />
提供一个颜色拾取器
8.日期类型
提供一个日期类型
<input type='date' />
显示年和月
<input type='month' />
显示年和周
<input type='week' />
2http协议
(1)完整的url结构
<scheme>://<user>:<pwd>@<host>:<port>/<path>;<params>?<query>#<frag>
shceme:协议。以哪种方式获取服务器资源 不区分大小写 常见的协议:http/https/ftp/ssh/telent/smtp/dns/ 上面协议需要背诵
(2)
<user>用户名
<pwd>密码
<host>主机名:localhost
path:路径
params: 参数 seession/cookie 跟踪状态的参数
query:查询字符串 ?后面的内容
frag:锚点
1.什么是http协议
HyperText Transfer Protocol超文本传输协议
3.http消息
requrest 请求消息
是客户端带给服务器数据
由三部分组成 请求的起始行、请求头、请求主体
response 响应消息
由三部分组成 响应的起始行、响应头、响应主体
(1)requset请求消息
1.请求起始行
1)请求的方法
a.get客户端向服务器要数据的时候用
靠地址栏明文传输字符串,请求无主体(form data)
b.post 客户端向服务器端提交数据用
隐式传输,有请求主体(form data)
c.delete 客户端想要删除服务器权限(一般禁用)
d put 客户端想要将数据放在服务器上(一般禁用)
e connect 测试连接
f trace 追踪请求路径
g option 选项,预请求
h head 表示客户端只获取响应的头信息
2)请求的url
3)协议版本 http/1.1
2.请求头信息
1)HOST:告诉服务器请求的主机
2)connection:keep-alive
告诉服务器 进行持久连接
3)User-agent:用户代理
告诉服务器,我自己的浏览器类型
4)Accept-Ecoding:gzip
告诉服务器 ,自己能接收的压缩文件类型
5)Accept-Language:zh-CN,ch
告诉服务器自己能接收的自然语言的类型
6)Referer 引用人/推荐人
告诉服务器请求来自于哪个页面
3.请求主体
form data
(2)response响应消息
1)响应起始行
1.http协议版本 http/1.1
2.响应状态码
3.原因短句,对状态码的简单解释说明
2)响应头信息
1Date:告诉浏览器,服务器的响应时间点
格林威治时间 北京+8小时
2Connection:keep -alive;
告诉浏览器已经启用持久连接
3Content-Type:响应主体的类型是什么
取值:
TEXT/HTML:响应回来的数据是html文本
text/plain 响应回来的是普通文本(不包含特殊字符号)
text/css 响应回来的是样式文件
application/javascript 响应回来的js文本
application/xml 响应回来的是xml格式的字符串
application/json响应回来的是json格式的字符串
images/jpg.png.....响应回来的是
3)响应主体
响应状态码
告诉浏览器,服务器的响应状态是什么
1XX:100-199 提示信息
2XX:成功响应 ok
301:永久重定向
302:临时重定向
304:请求未被修改,命中缓存
4XX:客户端请求错误
404:NOT FOUND 请求资源不存在
403:Forbidden 权限不够
405:Method not allowed 请求不被允许
5XX:服务器运行出错
500 服务器内部出错
3缓存
客户端将服务器响应回来的数据自动保存
当再次访问的时候,直接保存数据
缓存的优缺点‘’
1.减少冗余访问数据数据的传输,节省客户端流量
2.节省服务器的宽带
3.降低了对服务器资源的消耗和运行要求
4.降低了远程传输而造成的延时加载
1.请求–无缓存–连接服务器–存缓存–客户端得到
2.请求–有缓存–够新鲜–使用缓存–客户端得到
3.请求–有缓存–不新鲜–连接服务器看是否过期–没过期–更新缓存的新鲜度–客户端得到
4.请求–有缓存–不新鲜–连接服务器看是否过期–已缓存–连服务器–客户端得到
与缓存相关的消息头
1.Cache-Control http/1.1用法
从浏览器将文档传到客户端时之时器
此文档处于新鲜的秒数,是一个相对时间
max-age=新鲜的秒数/0 不缓存
2.expire http/1.0的用法
指定过去的确切时间点,是一个具体的时间点
Expire:Tue,31 Jul 2019 02:56:16 GTM;
在网页中添加缓存
<meta http-equiv='消息头' content='值'>
<meta http-equiv="Cache-Control" content="max-age=3600">
http性能优化
1.发送请求---->建立请求----->处理请求----->访问资源----->构建响应------>发送响应----->记录日志
2.http连接性能的优化
减少连接的创建次数(开启持久连接)
减少请求的次数
提高服务器的运行速度
尽可能减少响应数据的长度
安全的http协议
HTTPS协议,安全的HTTP
SSL 为数据通信提供安全连接
1.客户端在发送消息时,在ssl层加密
服务器接收加密文件,在ssl层解密
得到请求明文,对请求进行处理
2.服务器在发送响应消息时,在ssl层进行加密
客户端接收加密文件,在ssl层进行解密
得到响应明文,解析响应内容