cookie 及 web存储

cookie  

• 查看cookie ：  

   document.cookie  

• 设置cookie :  

 document.cookie = "key=value"

添加一个临时会话的cookie存储，当前页面在打开状态时会一直生效，一旦关闭页面，则这条存储记录会清除

• 设置时效cookie ：

 document.cookie = 'key=value; expires=过期时间' 

添加一个具有过期时间的cookie，在有效时间内不管页面是否关闭都会存在，一旦时间超过，就会自动清除

• 获取使用cookie ：

需要通过字符串及数组的各种方法进行转换，将cookie内容转换成一个对象

• 删除cookie ：

将过期时间设置成已经过去的一个日期即可

• cookie的限制

• cookie 最大的存储上限是4kb

• cookie 在同一个网站内的存储条数不能超过50条(不是绝对的，每个浏览器可能不一致)

• 超过50条可以继续存储，但是会清掉之前的某一条记录（最不活跃的一条记录）

web存储（HTML5）

web存储的限制

• 存储在当前的浏览器中，只在当前网站内有效
• 存储最大上限是5MB
• 没有条数限制
• 只能存储字符串

临时会话存储 sessionStorage 

          关闭当前页面该存储就会被清空掉，而不是关闭浏览器

 永久存储  localStorage 

•  clear: 清空存储
•  getItem: 获取某一项内容
•  removeItem: 删除某一条存储
•  setItem: 设置某一条存储（添加和修改）

 JSON数据的使用

•  JSON 是一种特殊格式的对象
•  所有的对象 和 数组 类型的值 都可以使用JSON对象的方法
•  如果创建的是一个JSON文件，在该文件内部是所有的属性名必须使用字符串形式书写，否则报错
•  在JSON文件中，只能写属性，不支持写方法也就是函数
•  在JSON文件中，不允许写注释

 JSON的方法 : 

• JSON.parse(): 将一个JSON字符串转换为JSON对象
• JSON.stringify(): 将一个JSON对象转换为JSON字符串

 超大存储  indexDB  (一个前端的小型数据库 noSQL)  存储无上限

 字符串方法  trim() 表示去除字符串的前后空格