大清都亡了，还有没有站长没有用localStorage与sessionStorage的。这个不用我说啥意思，自行去百度。我主要是把这两个用于生产环境中。localStorage本站主要 用于保存访客阅读记录+视频音乐播放记录+根据用户设备简繁体转换+用户访问时间与记录第一次来访时间与访问页面次数，支付订单信息，用户登陆成功信息记录(方便验证是否禁用F12调试与鼠标禁止选取，需要用户信息验证等地方)当然本站DJ演示网站的连续播放也是采用了localStorage保存选择的ID值(方便后端查询多个ID与单个ID返回结果与异步将音乐添加到现有的播放器中)，弹幕视频播放器保存视频播放进度防止刷新重新播放而实现记忆播放与播放器配置信息等。就这些用途了吗?也不是呢，localStorage与sessionStorage这两兄弟在美文苑的即时通讯聊天室用到了多处，下面详细讲解下。
localStorage的用在如下方面：
1，保存用户的登陆成功信息(方便验证是否禁用F12调试与鼠标禁止选取，需要用户信息验证等地方)
2，保存AI聊天内容。(毕竟这个东西不是很重要，后端已经保存到数据库的，前端就把用户的AI提问保存到本地在进行读取)
3，保存聊天室背景皮肤信息(好看的聊天背景皮肤在您的设备永久保存)
4，保存自己领取红包记录信息。(首次还是Ajax读取数据库)
5，保存是否开启系统提醒声音与是否开启聊天内容弹幕
6，保存实时天气信息(这里有加时间过期参数)
7，大转盘抽奖中的奖品信息与抽奖次数抽奖次数
sessionStorage的用在如下方面：
1，保存聊天室配置数据信息(比如启动时间+聊天总记录+用户设备IP等信息)
2，保存是否有打开自动靠右可拖动的聊天记录弹出层。(防止多次点击出现多个聊天记录弹出层)
3，保存在线人员列表(来源于websocket即时推送)
4，保存所有在线人列表的信息(结合后端即时推送接口，方便计算每个在线用户的在线时长等信息)
就这么多，想想如果还是大清用的cookie传统保存，哪能保存这么多东西呢?其实这也是变相的减少了数据库查询不知道还有多少小小白站长木有用到localStorage与sessionStorage这两兄弟呢。这兄弟至少保存5M以上。是不是除与服务器验证登陆需要cookie外，也该考虑下他们这两兄弟呢。小编也就分享到这里了。下期更精彩。
