使用说明
js 动态加载 资源 js 和css 直接加载和显示,图片预加载
- 安装
npm i huyue-tools-load --save
- 引入
import hyLoad from 'huyue-tools-load'
- 使用
var cssStr = `
body {
background:#f00;
}
`;
//js添加css样式到heade
hyLoad.css(cssStr);
// 动态添加js
hyLoad.js(
'https://code.jquery.com/jquery-3.2.1.min.js',
function(){
alert(123);
}
)
var arr=[
'http://img1.gtimg.com/auto/pics/hv1/208/2/2218/144226168.jpg',
'http://img1.gtimg.com/auto/pics/hv1/18/224/2213/143957463.jpg',
'http://img1.gtimg.com/auto/pics/hv1/206/89/2218/144248351.jpg',
];
// 预先加载图片
hyLoad.img(arr,function(num){
console.log('进度'+num);
},function(){
console.log('完成')
});
- 方法
hyLoad.css(str); //css 样式的字符串
hyLoad.js(jsUrl,callback,callback); //js 的url 路径, 进度的回调, 完成的回调
hyLoad.img(imgArr); //图片的url 的数组
- 如果有更新
npm update huyue-tools-load