localStorage 前端本地缓存相关知识

window.localStorage：

　　体积5M，据说未来还会增大

　　生命周期，只要不清都在

设置：localStorage.setItem( ' key ' , ' value ‘ ) //对象需要用JSON.stringify(obj) 包起来，

获取：localStorage.getItem( ' key ' )

删除：localStorage.removeItem( ' key ' )

清空：localStorage.clear( )

onstorage( ) 事件：

　　当本地缓存修改的时候，自己不触发，兄弟（旁边）页面触发

 

---

 

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问
并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。只允许同一窗口访问。
 

而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改localStorage数据。

2019-12-17