localStorage的一些用法详解

WebStorage的出现的目的主要是为了弥补使用Cookie作为本地存储的不足。Cookie的存储数赍铈于脏据量其实非常小，而且数据会自动携带到请求头里。localStorage可以永久存储，而且在同源下数据多窗口也能共享。

工具/原料

前端开发

Web Storage

localStorage的基本用法

1、说实话这个东西没必要讲的，想要学习的话可以百度一下都可以找的到，我这里就简单的说一下需要注意的一些事情，在setItem时，可能会达到大小限制，最好加上错误捕捉：

使用Loader来加载静态文件

1、因为请求都是动态发出的，所以我们可以对请求拦截处理。进行的大致流程如下图：（推荐使用这个方式有个开源库：basket.js）

3、版本号匹配，服务端响应内容：

2、那么同源窗口之间通信的原理是什么？其实原理也简单，每次localStorage中有任何变动都会触发一个storage事件，所有窗口都能够监听这个事件，一旦有窗口更新了loca造婷用痃lStorage，其他窗口也都会收到通知，根据事件中的key把不关心的变动过滤掉。