web本地存储

localStorage、sessionStorage
sessionStorage （临时存储） ：在浏览器打开期间存在（包括页面重新加载）
localStorage     （长期存储） ：数据依然会一直存在 （手动清除）


1. 保存数据到本地

sessionStorage.setItem('email', 'gengwenx@yeah.net');   
localStorage.setItem('email', 'gengwenx@yeah.net');

2. 从本地存储获取数据

sessionStorage.getItem('email');   
localStorage.getItem('email');

3. 本地存储中删除某个保存的数据

sessionStorage.removeItem('email');   
localStorage.removeItem('email');

4. 删除所有保存的数据

sessionStorage.clear();   
localStorage.clear();

5. 监听本地存储的变化

window.addEventListener('storage', function (e) { 
       console.log('key', e.key);        
       console.log('oldValue', e.oldValue);       
       console.log('newValue', e.newValue);        
       console.log('url', e.url);   
 })

浏览器查看方法

F12 => Application

最大容量是多少?

传说5M