网页版红警的资源加载的实现

由于红警的资源比较大，红警2加上红警尤里复仇两个版本，还有二十多首高清无损的背景音乐，有一个G左右的大小，当用户打开网页玩耍的时候，总不能每次都下载一个G的资源吧。所以需要一个方法，将所有的资源保存到本地使用。

好在h5里面增加了indexeddb，也就是本地数据库，可以实现我们想要的需求。

既然有这个东西了，那我们也不能用原生的，那样操作起来更复杂，有没有相应的轮子呢，答案肯定是有的。找来找去，最后确定使用 Dexie 这个库。

那么如何去实现呢，还需要保存一些配置项，我在库里面创建了两个表，一个是存放资源使用，另一个是存放配置项使用。

具体实现逻辑：

第一次进入游戏时，先去配置项表里面获取游戏的相关配置项，如果没有，则生成一份默认配置，但不会将版本号存入，当前表里就多了一份配置项。
接着进入资源加载状态，判断本地版本号和服务器版本号是否一致，不一致，将去资源表里面获取本地所有的资源索引，然后和服务器上的资源表进行对比。完成以后将未含有的资源进行加载。
加载完成所有资源以后，将本地配置表的版本号存入。
第二次打开游戏的时候，直接读取本地配置表配置，如果版本号不一致，将触发资源比对。如果版本号一致，将直接略过，进入游戏。

网页版红警的资源加载的实现相关推荐

queueing 优化_简单聊聊网页的资源加载优化
移动开发中很重要的一块是资源的加载优化.移动开发由于网速低带宽,高延迟,移动设备小内存,低处理器性能的原因,因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期. 前段时间做了相关方面的 ...
js网页文件资源加载器
功能:依次加载资源文件范围:适用于所有js网页 //资源加载var arr = ['img/pic_1.png', 'img/pic_2.png', 'img/pic_3.png'];functio ...
【读书笔记】【WebKit技术内幕（二）】Chromium Webkit资源加载与网络栈、DOM树、HTML解释器、影子DOM、CSS解释器和样式布局、网页层次与渲染、绘图上下文、
文章目录前言 Something great 第4章资源加载和网络栈 Webkit 资源加载 Chromium多进程资源加载 Chromium 网络栈第5章 HTML解释器和DOM模型 DOM模 ...
浏览器页面资源加载过程与优化
评价页面性能好坏的核心之一就是页面的加载速度,而页面加载速度的关键就是页面资源的加载.本文将从浏览器浏览器页面资源加载过程展开分析,来引出页面关键请求路径的概念,并给出如何优化该关键请求路径的一些方法 ...
【Unity3D日常开发】Unity中的资源加载与文件路径
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享简书地址我的个人博客 QQ群:1040082875 大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有 ...
win7ie11调用java失败,win7纯净版系统下ie11无法加载java插件
在win7纯净版系统中,我们会使用系统自带IE11浏览器来上网,最近有用户在使用IE11上网的时候无法加载java插件,导致网页无法全部显示,我们碰到这个问题应该怎么解决呢?下面给大家讲解一下win7 ...
前端性能优化学习 08 资源加载优化
图片延迟加载什么是延迟加载首先来想象一个场景,当浏览一个内容丰富的网站时,比如电商的商品列表页.主流视频网站的节目列表等,由于屏幕尺寸的限制,每次只能查看到视窗中的那部分内容,而要浏览完页面所包含 ...
记一次灰度发版打印背景图片无法加载的处理过程
记一次灰度发版打印背景图片无法加载的处理过程前言需求为给订单加上新的打印模板,测试环境正常,灰度环境打印不出来图片.请求服务器路径可以展示图片,使用lodop设置背景图或打印图片都无法展示解决过 ...
美团金融扫码付静态资源加载优化实践
原文链接:https://mp.weixin.qq.com/s?__biz=MjM5NjQ5MTI5OA==&mid=2651747208&idx=1&sn=b9fc54300 ...
Unity资源加载入门
写在前面本文转载自:https://gameinstitute.qq.com/community/detail/123460,供自己学习用,如有疑问,请移步原创. 引言 Unity的资源加载及管理, ...

网页版红警的资源加载的实现

网页版红警的资源加载的实现相关推荐

最新文章

热门文章