yypkg 工具函数 SourceLoader 资源加载器

发布于 2021-09-14 22:47:08 字数 1845 浏览 1158 评论 0

资源加载器,常用于资源预加载,支持的资源有:css、js、img(jpg、jpeg、png、gif、webp、mbp)、svga

使用

import SourceLoader from 'yypkg/source-loader'
const resources = ['./demo.css', './demo.js']
const loader = new SourceLoader({
  url: resources,
  retry: 3,
})
loader.start()
loader.$on('process', (total, count, url) => {
  console.log(total, count, url)
})
loader.$on('complete', (total) => {
  console.log('total', total)
})
loader.$on('error', (url) => {
  console.error('加载失败', url)
})

配置项

参数名描述类型默认值
url需要加载的资源urlString 或 Array''
retry加载失败时的重试次数Number3
autoStart是否在实例化时自动执行start()Booleanfalse

方法

方法名描述参数
start开始触发资源加载
$on事件监听方法eventName: 事件名称,String,见下表
callback: 回调函数

事件

事件名描述回调函数参数
process资源加载过程中total:资源总数
count:当前加载资源的索引值
url:当前加载资源的url
complete资源加载完毕(无论加载失败还是成功)total:资源总数
error资源加载失败(retry不触发)url:加载失败的资源url

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

待"谢繁草

文章 0 评论 0

战皆罪

文章 0 评论 0

子英

文章 0 评论 0

爱的十字路口

文章 0 评论 0

孤者何惧

文章 0 评论 0

xi霄xi

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。