web-uts

📦 Install

npm install web-uts

yarn add web-uts

🔨 Usage

placeholder

placeholder兼容ie9

import { placeholder} from 'web-uts';
placeholder();

download

下载文件兼容ie9

import {download } from 'web-uts';
download('xxx') //xxx为资源路径

Loader

加载资源的时候显示进度条

import { Loader } from 'web-uts';
    const loader = new Loader({
        resource : [
            'https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js',
            'https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js',
            'https://cdn.bootcss.com/jquery/3.4.1/jquery.js',
            'https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js',
        ],
        onStart : function(total){
            console.log('start:'+total);
        },
        onProgress : function(current, total){
            console.log(current+'/'+total);
        },
        onComplete : function(total){
            console.log('加载完毕:'+total+'个资源')
        }
    }).start();

config 字段说明

字段	类型	是否必选	参数	默认值	说明
showProgress	Boolean	N		true	是否显示进度条
progressClassName	String	N		progress	进度条class名称
resource	Array	Y		[]	需要在head中添加的资源
onStart	Function	N	total	(total)=>{}	开始前调用
onProgress	Function	N	current,total	onProgress:(current,total)=>{}	进行中调用
onComplete	Function	N	total	onComplete:(total)=>{}	完成时调用
onError	Function	N	e	onComplete:(e)=>{}	出错时调用