食湾养生网

全部频道

您的当前位置：首页JavaScript资源预加载组件和滑屏组件的使用推荐_javascript技巧

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

来源：食湾养生网


资源预加载组件——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 




        
                
            
            
            
    
    显示全文