1.0.42 • Published 4 years ago

dom-resource-loader v1.0.42

Weekly downloads
5
License
ISC
Repository
github
Last release
4 years ago

Getting Started

Define Resource

  1. Resource declaration
    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
    }
  1. parallel load resource urls
    var resource = {
        type:'js',
        urls:['test/a.js']
    };
  1. serial load resource urls
    var resource = {
        type:'js',
        serial:true,
        urls:['test/a.js']
    };
  1. with dependence
    var resource = {
        type:'js',
        urls:['test/a.js'],
        dependence:{
            type:'js',
            urls:['test/b.js']
        }
    };
    // load: b.js --> a.js
  1. css resource
    var resource = {
        type:'css',
        timeout:2000,
        urls:['test/a.css']
    };
  1. text resource
    var resource = {
        type:'text',
        timeout:2000,
        urls:['test/a.html']
    };
  1. json resource
    var resource = {
        type:'json',
        timeout:2000,
        urls:['test/a.json']
    };    
  1. image resource
    var resource = {
        type:'image',
        timeout:2000,
        urls:['test/a.image']
    };       

start load resource

  1. Define ResourceLoader
    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
   });
  1. Start load Resource
    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);
  1. Extend loader for ResourceLoader
    ResourceLoader.registerLoader(type:String,loader:Loader);
1.0.42

4 years ago

1.0.41

7 years ago

1.0.40

7 years ago

1.0.39

7 years ago

1.0.38

7 years ago

1.0.37

7 years ago

1.0.36

7 years ago

1.0.35

7 years ago

1.0.34

7 years ago

1.0.33

7 years ago

1.0.32

8 years ago

1.0.31

8 years ago

1.0.30

8 years ago

1.0.29

8 years ago

1.0.28

8 years ago

1.0.27

8 years ago

1.0.26

8 years ago

1.0.25

8 years ago

1.0.24

8 years ago

1.0.23

8 years ago

1.0.22

8 years ago

1.0.21

8 years ago

1.0.20

8 years ago

1.0.19

8 years ago

1.0.18

8 years ago

1.0.17

8 years ago

1.0.16

8 years ago

1.0.15

8 years ago

1.0.14

8 years ago

1.0.13

8 years ago

1.0.12

8 years ago

1.0.10

8 years ago

1.0.9

8 years ago

1.0.8

8 years ago

1.0.7

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago