共计 669 个字符,预计需要花费 2 分钟才能阅读完成。
前端面试题总结,持续更新
cookies sessionStorage 和 localstorage 区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用 cookie,session 等跟服务端进行数据交互。相同点:都是存储在客户端不同点:
WebStorage 的优点:
(1)存储空间更大:cookie 为 4KB,而 WebStorage 是 5MB;
(2)节省网络流量:WebStorage 不会传送到服务器,存储在本地的数据可以直接获取,也不会像 cookie 一样美词请求都会传送到服务器,所以减少了客户端和服务器端的交互,节省了网络流量;
(3)对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据,sessionStorage 会非常方便;
(4)快速显示:有的数据存储在 WebStorage 上,再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多,所以速度更快;
(5)安全性:WebStorage 不会随着 HTTP header 发送到服务器端,所以安全性相对于 cookie 来说比较高一些,不会担心截获,但是仍然存在伪造问题;
(6)WebStorage 提供了一些方法,数据操作比 cookie 方便;
setItem (key, value) —— 保存数据,以键值对的方式储存信息。
getItem (key) —— 获取数据,将键值传入,即可获取到对应的 value 值。
removeItem (key) —— 删除单个数据,根据键值移除对应的信息。
clear () —— 删除所有的数据
key (index) —— 获取某个索引的 key
2. 数组去重