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

发布了77 篇原创文章 · 获赞 245 · 访问量 87万+

猜你喜欢

转载自blog.csdn.net/qq_37284798/article/details/103579417