本地存储localstorage

持久化存储

• 内存存储-临时存储
• 硬盘存储-存久化存储

localstorage

• html5 中的 web Storage 存储方式
• localStorage 用于存储一个域名下的需要永久存在在本地的数据，这些数据可以被一直访问，直到这些数据被删除。

Web Storage API

• 添加键值对

      //把一个用户名（lili）存储到 name 的键上
      localStorage.setItem('name','lili')
      //localStorage.name = 'lili'
      //localStorage['name'] = 'lili'
      //把一个用户存储到user的键上
      localStorage.setItem('user',JSON.stringify(id:1,name:'lili'));
      //JSON.stringify(id:1,name:'lili')要转换成字符串才能存储【用到的就是JSON.stringify转换字符串的方法】
  
  

• 获取键值对

      //获取存储到name 的键上的值
      var name = localStorage.getItem('name');
      //var name = localStorage.name;
      //var name = localStorage.['name'];
      //获取存储到user的键上的值
      var user = JSON.parse(localStorage.getItem('user'));
      
  

• 删除键值对

      var name = localStorage.('name'); //lili
      //删除存储到name 上的值
      localStorage.removeItem('name');
      name = localStorage.getItem('name');//null
  
  

• 清除所有键值对

      //清除 localStorage
      localStorage.clear();
      var len = localStorage.length //0
      
  

使用场景

基于 Web Storage 的特点，它主要被用于储存一些不经常改动的，不敏感的数据，比如全国省市区县信息。还可以存储一些不太重要的跟用户相关的数据， 比如说用户的头像地址、主题颜色等，这些信息可以先存储在用户本地一份，便于快速呈现，等真正从服务器端读取成功后再更改头像地址，主题颜色。另外，基于 storage 事件特点，Web Storage 还可以用于同域不同窗口间的通信。

浏览器查看

sessionStorage

会话 session