当前位置:Gxlcms > JavaScript > JavaScript资源预加载组件和滑屏组件的使用推荐_javascript技巧

JavaScript资源预加载组件和滑屏组件的使用推荐_javascript技巧

时间:2021-07-01 10:21:17 帮助过:7人阅读

资源预加载组件——preload

  • 队列,可以支持队列加载和回调,也可以加载视频或者音频
  • 进度条,可以动态获取进度条信息
  • 支持img标签的预加载,添加pSrc属性即可
  • 原生ES5
  • demo

Install:

git clone https://github.com/jayZOU/preload.git
npm install
npm run es6

访问http://localhost:8080/es6-demo

Notes
队列名称不能重名,否则后面的队列会覆盖前面
ES6模式编写,队列之间同步加载,队列内资源为异步加载


滑屏组件——slide

  • 自定义滑屏组件,可定制滑屏动画
  • 可控制每屏动画效果

Install:

git clone https://github.com/jayZOU/slide.git
npm install
gulp

访问http://localhost:8080/

Notes
滑动容器只能传入ID值,不允许传入class

人气教程排行