ajax（02）

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层进行解密
得到响应明文，解析响应内容