·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

大清都亡了,还有没有站长没有用localStorage与sessionStorage的

115 2
发表于 2024-10-2 21:29:37 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
大清都亡了,还有没有站长没有用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外,也该考虑下他们这两兄弟呢。小编也就分享到这里了。下期更精彩。
我要说一句 收起回复
创宇盾启航版免费网站防御网站加速服务

评论2

浅生Lv.8 发表于 2024-10-2 21:30:16 | 查看全部
说明api确实不错,ajax请求api接口返回的数据可以缓存到本地。
我要说一句 收起回复
婷姐Lv.8 发表于 2024-10-2 21:30:49 | 查看全部
国外很流行pwa,也算类似,甚至还能离线访问。
国内都想自己搞封闭圈,只能小程序接入。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.217.224.44,GMT+8, 2024-11-18 14:47 , Processed in 0.345073 second(s), 91 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表