首页 > 其他分享 >PreloadJS预加载插件

PreloadJS预加载插件

时间:2022-08-30 18:35:51浏览次数:103  
标签:文件 插件 PreloadJS queue progress handleComplete 加载

 

一个 Javascript 插件,可以管理和协调资源的加载进度。

 

CDN地址:https://cdn.baomitu.com/PreloadJS

 

// 实例 LoadQueue 类,得到实例对象 queue。
let queue = new createjs.LoadQueue(true);

// 加载进度条,监听文件的加载在全部文件中的占比,并回调 handleProgress 函数。
queue.on('progress', handleProgress);

// 加载完成时,监听全部文件加载完成的那一刻,并回调 handleComplete 函数。
queue.on('complete', handleComplete);

// 需要监测的文件,文件可以是图片、js文件、json文件等都可以。
queue.loadManifest([

    // 这里使用的链接纯做测试,实际开发中添加项目中的全部文件链接即可。
    'images/bg.jpg',
    'bg.mp3',
]);

// 进度条回调函数
function handleProgress() {
    let num = `${Math.floor(queue.progress * 100)}%`; // queue.progress 是 'progress' 监听事件所返回的,它介于0到1之间,全部加载完成的时候结果为1,这里主要是处理这个数值按比例在1-100之间呈百分比显示。

}

// 加载完成回调函数
function handleComplete() {

}

 

标签:文件,插件,PreloadJS,queue,progress,handleComplete,加载
From: https://www.cnblogs.com/loiou/p/16640424.html

相关文章

  • Element UI el-select 从远端加载数据
    最近做项目用到了ElementUI的el-select组件,我的需求是想要从远端服务器直接加载options,加载的时候有个loading,但是ElementUI文档只给出了从远端搜索的案例,用起来不......
  • SpringBoot在@PostConstruct方法中调用FeignClient加载不到Hystrix配置问题
    版本信息spring-cloud-starter-openfeign:2.1.3.RELEASEspring-boot-starter-parent:2.2.2.RELEASE问题描述@Service类@Autowired了一个@FeignClient,在@PostConstruc......
  • vscode插件代码滚动截图
    前言在网上看到很多技术博客的时候,我们经常可以看到很多大佬们分享的技术文章都包含着很多代码片段。而且代码片段可以看到都是可以滚动的,下面就来看看怎么在vscode代码编......
  • idea常用插件
    1.mybatisxmybatis插件2.gittoolboxgit管理插件3.ideevalresethttps://plugins.zhile.io破解插件4.restfulfastrequestapi请求5.saveactions格式化6.seq......
  • java类加载过程
    https://blog.csdn.net/weixin_37766296/article/details/80545283 https://www.cnblogs.com/wangwudi/p/12327942.html 类的加载顺序ClassLoader中默认的加载顺序......
  • 滑动加载
    html<divclass="message-box"data-spy="scroll"data-target="#navbar-example"data-offset="0"ref="messageList"></div> jsmounted(){//缓存指针......
  • DevTools 无法加载来源映射:无法加载 webpack··· net::ERR_UNKNOWN_URL_SCHEME
    问题:DevTools无法加载来源映射:无法加载webpack:///node_modules/element-plus/es/components/notification/src/notification.mjs.map的内容:Fetchthroughtargetfaile......
  • ZETERO必装插件
    1.茉莉花https://github.com/l0o0/jasminum2.翻译插件https://github.com/windingwind/zotero-pdf-translate/releases......
  • 阅读《计算机图形学编程(使用OpenGL和C++)》11 - 加载外部obj模型
    复杂的3D模型可以借助建模工具生成,这种工具能够在3D空间中构建任意形状并自动生成顶点、纹理坐标、顶点法向量等。模型生成后可导出成obj文件格式,这种格式有很多,OBJ文件很......
  • CLion使用clang-format插件使代码自动格式化
    MacOs版本下载clang-format#下载clang-format插件brewinstallinstallclang-format配置externaltool不同方式下载的clang-format地址会有不同,可以用以下......