Cookie，同源策略，跨域，JSONP

一、Cookie

1. 概念：储存在本地的数据片段
2. 与localStorage和sessionStorage的区别
   1. cookie默认有会话有效期，浏览器关闭cookie自动删除，localStorage只要不主动删除，数据会永远保存在本地
   2. cookie储存的数据大小在4kb左右，存储的条数在150条左右（不同浏览器存储条数不一样但都大差不差），localStorage存储的数据大小在5M左右，条数不限制
   3. cookie会随着http请求发送给服务端，而localStroge不会默认发送给服务器
   4. cookie的增删改查操作相对比较麻烦
3. 用法：
   1. 增：document.cookie = "username=admin";

设置有效期：

1. 取：console.log(document.cookie);   取到的是所有的cookie

单独取值：

1. 删：将时间设置为负值

二、同源策略：

1. 概念：
   1. 同源：协议，域名，端口号都相同，如果有一项不同就是非同源
   2. 同源策略：浏览器自身的安全机制，通过ajax在访问非同源资源时，会报错（跨域错误）

三、跨域的处理方式（3种）

1. Cors     跨域资源共享
2. serverProxy    服务器代理
3. JSONP   
   1. 不再使用ajax请求非同源资源，利用script里的src属性访问非同源时没有跨域限制这个点，来实现对非同源资源的请求