最近,Douyin的触摸提醒钓鱼办公室,提醒每个假期的倒计时,并收到了很多对工人的追求。在那个时候,我认为我可以将此界面写成一个小程序,动态显示时间和倒计时。其中,倒计时数据是从服务器获得的。它需要加载时间,这会导致页面延迟加载,并且体验很差。
倒计时倒计时的界面通常如下:
上部和下部是固定的,中间的每个假期都是从服务器中动态获得的,因此假期倒计时期会延迟:
可以看出,当加载页面时,中级假期将被延迟。为了解决此问题,需要预先删除小程序的数据。
为了提高打开速度,小程序添加了数据预先插入的功能。
当小程序冷时,预先推出可以通过微信背景从第三方服务器中获取业务数据。加载代码软件包后,可以更快地渲染页面以减少用户等待时间,从而提高applet的打开速度。
登录到小程序的管理背景,输入开发管理 - >开发设置 - >数据预载。
该文档显示数据下载地址,实际上是从云功能获得的。
在管理背景中添加数据预先推出,开发人员的工具还必须打开数据预加载:
从云函数中获取服务器数据,云功能调用以调用HTTP请求回到 - 端数据,以及添加NPM依赖项的HTTP请求。在使用NPM命令之前,请安装Node.js。
右键单击云功能文件以打开终端窗口:
输入终端:
安装成功后,您可以调用HTTP,在云功能中找到服务器数据:
调用云功能:
编写云功能后,添加了预加载的数据:
开发环境很好,但是未显示形式的环境和数据:
打开行模式,记录信息:
globaldata在初始化之前被调用。
将其放置后,全球数据被初始化然后调用。
这里的开发版本没有问题,正式版本存在问题,因此在测试实验版本后应发出在线版本。
上述发布后,该页面将预先加载良好,并且不会延迟加载:
欢迎大家检查我的鱼小程序
如果您认为文章对您有帮助,请喜欢!
原始:https://juejin.cn/post/7101103885892190245