basket.js

How to use basket.js

is a script loader that allows you to load JavaScript and CSS files asynchronously while still maintaining control of the order in which they are executed. Here's how you can use :

1. Include

   basket.js
   in your HTML file:

   <script src="path/to/basket.js"></script>
   

2. Add the items you want to load to an array, specifying their URLs:

   var items = [
     '/path/to/script1.js',
     '/path/to/script2.js',
     '/path/to/style.css'
   ];
   

3. Tell

   basket.js
   to fetch and execute the items:

   basket.require({url:items}, function() {
     // Code to be executed after all items have been loaded
   });
   

   This will fetch and execute the items in the order they appear in the array. If two items depend on each other, you can specify their dependencies like this:

   var items = [
     {url:'/path/to/script1.js', key:'dependency1'},
     {url:'/path/to/script2.js', key:'dependency2', depends:['dependency1']}
   ];
   

   In this example,

   script2.js
   depends on
   script1.js
   , so it will not be executed until
   script1.js
   has finished loading.

4. You can also use

   basket.js
   to load items dynamically, for example in response to user input:

   basket.require({url:'/path/to/newScript.js'}, function() {
     // Code to be executed after newScript.js has been loaded
   });
   

   This will fetch and execute

   newScript.js
   only when it is required, and will not delay the loading of other items.

also provides several other features, such as caching, removing items, and loading scripts from local storage. Refer to the documentation for more information.