关于前端:webStorage向浏览器存储数据

webStorage有两兄弟: sessionStorage(敞开浏览器就没了),localStorage(只有不本人删就算敞开浏览器也还在,下次进入同一个页面,还是存在)
用法: 基本上就是存字符串或者json

保留/批改(保留会批改原来的数据)

const localObj = { name:'张三', age: 23 }const sessionObj = { name: '李四', age: 24 }localStorage.setItem( 'localData' , JSON.stringify(localObj ) )sessionStorage.setItem( 'sessionData' , JSON.stringify(sessionObj ) )

获取

console.log(JSON.parse(localStorage.getItem('localData')))console.log(JSON.parse(sessionStorage.getItem('sessionData')))

删除单个

localStorage.removeItem("localData")sessionStorage.removeItem('sessionData')

删除全副

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

监听(不太懂)

//Storage 发生变化（减少、更新、删除）时的 触发，同一个页面产生的扭转不会触发，只会监听同一域名下其余页面扭转 Storagewindow.addEventListener('storage', function (e) {　　    console.log('key', e.key);    console.log('oldValue', e.oldValue);　　    console.log('newValue', e.newValue);     console.log('url', e.url);})

localStorage在浏览器的隐衷模式上面是不可读取的。
localStorage实质上是对字符串的读取，有json格局时须要JSON.stringify()转化为字符串。
localStorage不能被爬虫抓取