第一步:
由于create官网的js是没有export,所以不支持import引入,所以这里安装createjs-cmd
cnpm i -S createjs-cmd
第二步:
import createjs from 'createjs-cmd';
第三步:
引入自己想要用到的相关create模块,我这里用到的是LoadQueue
let mainfest = ['img1','img2']
startPreload() {
var preload = new createjs.LoadQueue(true);
//为preloaded添加整个队列变化时展示的进度事件
preload.addEventListener('progress', this.handleFileProgress);
//为preloaded添加当队列完成全部加载后触发事件
preload.addEventListener('complete', this.loadComplete);
//设置最大并发连接数 最大值为10
preload.setMaxConnections(1);
preload.loadManifest(this.mainfest);
}
// 当整个队列变化时展示的进度事件的处理函数
handleFileProgress(event) {
this.setState({
num: Math.ceil(event.loaded * 100) + '%',
});
}
loadComplete() {
this.props.history.push({
pathname: '/index',
});
}
代码仅供参考。

本文介绍了如何在React项目中利用createjs-cmd库,通过LoadQueue模块进行图片资源的预加载,详细步骤包括安装和具体代码实现。
875

被折叠的 条评论
为什么被折叠?



