前端面试题（一）

说一说 Cookie、SessionStorage 和 LocalStorage 的区别

解题思路：数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景。
标准答案：
Cookie、SessionStorage、LocalStorage 都是浏览器的本地存储。
它们的共同点是：都是存储在浏览器本地的。
它们的区别：
（1）Cookie 是由服务器端写入的，而 SessionStorage、LocalStorage都是由前端写入的；
（2）Cookie的生命周期是由服务器端在写入的时候就设置好的；LocalStorage 是写入就一直存在的，除非手动清除；SessionStorage 是页面关闭的时候就会自动清除的。
（3）Cookie 的存储空间比较小，大概 4 KB；SessionStorage、LocalStorage 存储空间较大，大概 5M。
（4）Cookie、SessionStorage、LocalStorage 数据共享都遵循同源原则，SessionStorage还限制必须是同一个页面。
（5）在前端给后端发送请求的时候会自动携带 Cookie 中的数据，但是 SessionStorage、LocalStorage 不会。
（6）由于它们的以上区别，所以它们的应用场景也不同。Cookie 一般用于存储登录验证信息 SessionID 或者 token；LocalStorage 常用于存储不易变动的数据，减轻服务器的压力；SessionStorage 可以用来检查用户是否刷新进入页面，如音乐播放器恢复播放进度条的功能。【加分点】

文章借鉴于牛客网(网址：https://www.nowcoder.com/exam/interview/)