HTML5页面无缝闪开的问题及解决方案

发布时间：2020-06-17 02:43:20 所属栏目：MySql教程来源：站长网

导读：副标题#e# 在传统的 web 优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速 html 返回，之前一篇h5 秒开大全有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽

// 模块管理器 class ServiceCollection { stack: ServiceLoader[]; private services = new Map<CONFIG, ServiceLoader>(); constructor() { this.stack = []; } createLoader(config: CONFIG): ServiceLoader { const loader: ServiceLoader = new ServiceLoader(config); this.services.set(config, loader); return loader; } // ... }

initA () { const ALoader= this.serviceCollection.createLoader(CONFIG.A); const discussMobile = ALoader.init(this.app); }

数据预拉服务

容器是否会命中依赖两个条件，其一对应离线包代码是否下载好；其二对应版本的数据是否已经预拉缓存完毕。

用户进入文档管理首页，首先会去拉取列表索引数据，然后通过列表数据 id 进行文档内容数据做预拉，储存在本地数据库，本地数据库的存储可以参考前端离线化探索。

webview service

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2/4

首页

尾页