一、 cookie
（一）http与https
http，https 都是网络传输协议 是用于网络相关传输，http走的是明文传输，https走的密文传输（内部采用对称加密以及非对称加密）。对应的https安全性要高于http。https为什么会采用加密，因为他底层采用了openSSL。（open表示开源）
a. http的特性
- 无状态 （服务器不知道是谁访问的我）
- 无连接 （不会建立完整的连接 访问一过去 数据一返回连接就断了）
- 长连接 （连接可以建立长时间）
- 短连接（连接对应的内容很短）
b. 问题
由于http是无状态的！那么对应的我们在实现某些功能的时候就会出现对应的问题.比如a用户登录了 b用户也登录了，a用户可能拿到b用户的页面，b用户可以拿到a用户的页面。这个时候我们就出现问题了。
c .问题的解决
根据上面的问题我们可以得出对应的a可能会拿到b的内容，原因是因为对应的服务器无法区分a和b，如果我在a的访问的时候给一个唯一的标识，在b的访问的时候给一个唯一的标识，那么我是否可以区分a和b。
所以对应的解决方案就是a和b拥有不一样的标识，而这个标识是在建立连接的时候。这个标识叫做sessionId。也就意味这个每个请求去建立连接都会获得一个sessionId。（sessionID服务端给的）。如果对应的sessionID是存储于服务端的话，那么服务端就会越来越大从影响对应的效率，
所以我们诞生了一个内容来保存这个值到对应浏览器端，这个东西就是cookie。所以cookie的诞生就是为了保存sessionID，从而解决http无状态的问题。
——小钢老师
（二）cookie基本概述
a. 概述
- cookie存在于浏览器端
- cookie为了保存sessionID出现的
- cookie的出现解决了http无状态的问题
b. 特性
- cookie是不安全的
- cookie是可以被篡改和伪造的
- cookie他是以字符串存储的（单一），有很多的数据类型是不支持的（二进制图片，二进制的视频，
- base64码的视频等等）
- cookie他的大小不能超过4kb（大小只有4kb 容量小）
- cookie会随请求发送
- cookie可以跨域（domain来设置）
c. cookie完整格式
name=value;[expires=date];[path=路径];[domain=域名];[secure]
d. 相关操作
Cookies.remove('username') // 删除
Cookies.get('username') // 取值
Cookies.set('username','jack',{expires:10}) //设置一个username 10天以后过期
e. 转码与解码
1) encodeURIComponent 转码（base64码）
console.log(encodeURIComponent('{abdejde152}'));
2) decodeURIComponent 解码
var str = encodeURIComponent('{abdejde152}') //进行编码
console.log(decodeURIComponent(str));//解码
（三）localStorage(本地存储)
a. 和cookie的区别
- cookie的大小只有4kb 对应的localstorage有5M
- cookie会随请求发送 localstorage不会随请求发送
- cookie只能存储字符串 localstorage可以存储对应的图片以及视频的二进制
- 存储的位置不一样的
- cookie是可以过期的 localstorage不能过期
b. 共同点
- cookie和localstorage都是存储在浏览器上
- 存储的内容的形式都是以字符串形式
c. 设置
localStorage.setItem("key",'value')
d. 取值
localStorage.getItem("key",'value')
二、正则
（一）模式修饰
- g 全局搜索
- i 不区分大小写
- m 换行模式
（二）元字符
[] 表示里面任意的一个元素
^ 表示开头
$ 表示结尾
{} 表示个数
var regx2 = /[a-z]{6}/ //表示6个小写的字母
regx2 = /[a-z]{0}/ //表示0个字母
regx2 = /[a-z]{1,3}/ //表示1个到3个
regx2 = /[a-z]{1,}/ //表示1个到无穷个
{n} 表示n个
{n,m} 表示n个到m个
{n,} 表示n个到无穷个
*表示0个到多个 {0,}
+表示一个到多个 {1,}
? 表示0个到一个 {0,1}
. 表示所有的内容（包括中文字符）
\w 表示对应的字母数字下滑线 \W 就是相反的 不是字母数字下滑线
\d 表示数字 \D表示非数字
\s 表示空白字符串（回车 制表 空格） \S就是相反的 不是空白字符
() 分组
| 或者
转义 \
//匹配 ? * + .等元字符 转义\
var regx10 = /^[?]$/
console.log('?'.match(regx10));
var regx10 = /^[*]$/
console.log('*'.match(regx10));
//用转义字符来
var regx10 = /^*$/
console.log('*'.match(regx10));
var regx10 = /^.$/
console.log('.'.match(regx10));
正则的检测方法
test 测试 返回一个boolean类型值（是否匹配）
var regx = /\w/
console.log(regx.test('abc')) //true
exec 执行 返回给你一个对应的匹配的数组（如果有就返回一个数组）
var regx = /\d/
console.log(regx.exec('123')) //[1,2,3]
字符串支持正则的4个方法
- replace 替换
- search 查找
- macth 匹配
- solit 切割
