当前位置: 代码迷 >> 综合 >> localStorage 前端本地缓存相关知识
  详细解决方案

localStorage 前端本地缓存相关知识

热度:25   发布时间:2023-11-03 19:04:57.0

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

  相关解决方案