Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kouyjes/resource-loader
https://github.com/kouyjes/resource-loader
css css-loader dep-resource js js-loader loader promise promise-loader resource-loader
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kouyjes/resource-loader
- Owner: kouyjes
- Created: 2017-07-13T08:39:16.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-26T21:22:22.000Z (about 2 months ago)
- Last Synced: 2024-11-01T18:03:59.586Z (14 days ago)
- Topics: css, css-loader, dep-resource, js, js-loader, loader, promise, promise-loader, resource-loader
- Language: JavaScript
- Size: 106 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
## Getting Started
### Define Resource
1. Resource declaration
```javascript
interface Resource {
type:String; // type name js|css
urls:String[];
serial?:Boolean; // if serial load urls
dependence?:Resource; // will be load before load urls
timeout?:number // timeout of every url item load | ms
}
```
2. parallel load resource urls
```javascript
var resource = {
type:'js',
urls:['test/a.js']
};
```
3. serial load resource urls
```javascript
var resource = {
type:'js',
serial:true,
urls:['test/a.js']
};
```
4. with dependence
```javascript
var resource = {
type:'js',
urls:['test/a.js'],
dependence:{
type:'js',
urls:['test/b.js']
}
};
// load: b.js --> a.js
```
5. css resource
```javascript
var resource = {
type:'css',
timeout:2000,
urls:['test/a.css']
};
```
6. text resource
```javascript
var resource = {
type:'text',
timeout:2000,
urls:['test/a.html']
};
```
7. json resource
```javascript
var resource = {
type:'json',
timeout:2000,
urls:['test/a.json']
};
```
8. image resource
```javascript
var resource = {
type:'image',
timeout:2000,
urls:['test/a.image']
};
```
### start load resource
1. Define ResourceLoader
```javascript
interface ResourceLoaderOption {
baseURI?:String; // Define load baseURI
useCache?:Boolean; // if use Cache
params?:Object // url query params
timeout?:number; //timeout of all loaders
}
var loader = new HERE.ResourceLoader({
baseURI:'../',
timeout:8000 // timeout of all request
});
```
2. Start load Resource
```javascript
var promise = loader.load(resource);
promise.then(function(){
console.log('load finished !');
},function(){
console.log('load error or timeout !');
});
//other resource,will load resourceCss after resourceJs has been loaded
var resourceJs,resourceCss;
loader.load(resourceJs,resourceCss);
// parallel load resource,you can
loader.load([resourceJs,resourceCss]);
// mixed serial load and parallel load,
//load resourceC after resourceJs and resourceCss has been loaded,resourceJs and resourceCss load parallel
var resourceC;
loader.load([resourceJs,resourceCss],resourceC);
```
3. Extend loader for ResourceLoader
```javascript
ResourceLoader.registerLoader(type:String,loader:Loader);
```