熟悉Cookies与LocalStorage
2017-09-18 本文已影响0人
小胖子littlefatboy
Cookies与LocalStorage
1. Cookies
- Cookies是Server发给Browser的一个字符串；设置Cookies要在服务器端的响应头写set-cookies: xxx = xxx(name = value); (LocalStorage没有这个特点)
- 浏览器Browser会保存Cookies在本地；浏览器一般不能主动删除Cookie
- 下次请求同样的域名时，浏览器发送的请求必须带上Cookies (LocalStorage无此特点)
- Cookies只用于验证身份，不能用于存储数据，应该只有一个ID用于验证；各浏览器cookie每一个name:value的值大小在4KB左右
- JS一般不去碰Cookie，应该由服务器自己设置自己读取
- Cookie可以在浏览器使用JS来设置；然后读取(然而实际并不能作为用户存储)
2. LocalStorage
//网站存储用户的搜索记录
var localHistory = ['你好', 'Hi', 'jirengu']
window.localStorage.setItem('xxx', localHistory)
- JS所有的内存在刷新页面之后全部消失
- 使用window.localStorage来将数据存储到localStorage中，数据刷新不会消失(与缓存放在一起)
- 可以使用Chrome开发者工具application - storage来查看
- localStorage是分域名的，每一个域名存储的大小大概是5MB(不确定)
- 由于读取命令只能读取字符串，所以存储时要先转换为json格式
var jsonString = json.stringify(searchHistory)
//jsonString是符合json语法的字符串
window.localStorage.setItem('xxx', jsonString)
//在需要的时候读，使用getItem读取字符串
var jsonString = window.localStorage.getItem('xxx')
JSON.parse(jsonString)
- 浏览器可以存储字符串到localStorage，存储其它必须使用JSON方法先转换为JSON对象然后解析
- localStorage是浏览器给JS的一个接口，可以让JS把一些变量存到本地文件或读(与服务器无关)
- 在需要记录用户偏好时使用localStorage存储信息
