html5动态加载样式,loading
当进度为100%后,将封面页隐藏并开始流程即可。
以上节选了项目使用预加载的核心使用方法,对于一些比较高清的图片,音质较高的音频都可以使用preload.js协助,还可以配合懒加载lazyload使用(懒加载即是先加载首屏内容,用户还未看的部分先不加载,等到页面滚动到对应的位置才开始加载,减轻加载压力)。
如果想要尝试使用preload.js+lazyload.js,提供下核心思路:
1. 预加载首屏资源文件,作为第一批加载队列,如banner图,背景之类
2. 懒加载负责首屏以下的加载方式,作为后续记载队列