一、本地储存的概述

    1.概念

    在HTML5中，新加入了一个localStorage对象，这个对象主要是为了作为本地储存来使用，既能够在用户浏览器中对数据进行本地储存。

    HTML5中加入新功能对低版本的IE浏览器都是不支持的，这在移动端开发中是个核心知识。

    2.本地储存的特点

    localStorage永久储存，除非手动删除。

    localStorage会将数据直接储存到本地浏览器中，储存大小最大支持5MB，但只有高版本的浏览器中才支持。

    目前所有浏览器都会将localStorage的值类型限定为string类型。

    不同浏览器之间的本地存储不能相互访问。

    3.本地储存的储存位置

    浏览器控制面板（f12）- Application选项里 - 左侧 localStorage

    通过控制面板删除本地储存

    4.本地存储涉及的方法

    window.localStorage.setItem() // 设置本地存储

    window.localStorage.getItem() // 读取本地存储

    window.localStorage.removeItem() // 删除本地存储

    二、cookie

    1.概念

    Cookie又叫会话跟踪技术，是由Web服务器保存在用户浏览器上的小文本文件，它可以包含相关用户的信息。

    2.禁用Cookie之后，无法正常注册登录。

    Cookie是与浏览器相关的，不同浏览器之间所保存的Cookie也是不能互相访问的。

    Cookie可以被删除，因为每个Cookie都是储存在硬盘上的一个文件。

    Cookie的安全性并不高，容易被xxs攻击。

    Cookie的值也被限定为string类型，Cookie的大小一般只有4KB左右，可以单独配置。

    3.Cookie储存的位置

    浏览器控制面板F12 - Application选项里面 - 左侧选择Cookie

    可以通过控制面板删除选中的或者全部Cookie