面试回答:
1.cookie是服务器端发给客户端的文本文件;目的是用于辨别用户身份。
2.webStorage存储空间更大,cookie为4KB,而webStorage为5MB。
3.WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)
4.localStorage 存储的数据是永久性的,除非手动删除,否则数据不会过期。
5.sessionStorage 存储的数据只在当前会话中有效,当页面关闭或浏览器退出后,数据会自动清除。
详细解释:
1.localStorage和sessionStorage统称为webStorage,存储内容大小一般支持5MB左右(不同浏览器可能不太一样)
2.浏览器端通过window.localStorage和window.session属性来实现本地存储机制
3.相关API:
// 1、保存数据到本地
//该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值
xxxxxxStorage.setItem('Author', 'value');
// 2、从本地存储获取数据
//该方法接受一个键名作为参数,返回键名对应的值
xxxxxxStorage.getItem('Author');
// 3、从本地存储删除某个已保存的数据
//该方法接受一个键名作为参数,并把该键名从存储中删除
xxxxxxStorage.removeItem('Author');
// 4、清除所有保存的数据
//该方法会清空存储中的所有数据
xxxxxxStorage.clear();