Skip to content
This repository has been archived by the owner on Nov 11, 2020. It is now read-only.

mauris/asyncloader.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

10 Commits

Repository files navigation

#asyncloader.js

The Ultimate Blockbuster Asynchronous JavaScript Loader, period.

##What does it do?

Asyncloader is a mini tiny JavaScript library that allows you to load JavaScript libraries asynchronously, with simplified and effective dependency resolution engine. It's a dead simple and no-hassle alternative torequirejswithout the need to write more code or modify your libraries.

Read whyyou shouldgo async.

##How do I use it?

  1. First you loadasyncloader.jsup on your page in a<script>tag like this:

    <script src= "scripts/asyncloader.js" ></script>
    
  2. Then start including your libraries using theadd()method:

    <script>
    AsyncLoader.add('//cdnjs.cloudflare /ajax/libs/jquery/2.0.3/jquery.min.js', 'jquery');
    </script>
    
  3. If you are using a dependency that requires another dependency, simply use thedepend()method and declare its dependencies. It will be asynchronously loaded after its dependencies are loaded.

    <script>
    // doesn't need to be in order
    AsyncLoader.depends(['jquery'], '//cdnjs.cloudflare /ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.min.js', 'bootstrap');
    AsyncLoader.add('//cdnjs.cloudflare /ajax/libs/jquery/2.0.3/jquery.min.js', 'jquery');
    </script>
    

##What can I use it with?

  • jQuery and other JavaScript frameworks

    AsyncLoader.add('//cdnjs.cloudflare /ajax/libs/jquery/2.0.3/jquery.min.js', 'jquery');
    
  • Google Analytics or other JavaScript analytics

    var _gaq = _gaq || [['_setAccount', 'UA-XXXXXXXX-Y'], ['_setDomainName', 'example '], ['_trackPageview']];
    AsyncLoader.add(('https:' == document.location.protocol? 'https://': 'http://') + 'stats.g.doubleclick.net/dc.js', 'ga');
    
  • Twitter Bootstrap and other UI frameworks

    AsyncLoader.depends(['jquery'], '//cdnjs.cloudflare /ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.min.js', 'bootstrap');
    
  • Social Media plugins like Facebook like buttons, Twitter tweet buttons, Google Plus buttons etc.

    AsyncLoader.add('https://apis.google /js/plusone.js', 'gplus');
    AsyncLoader.add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=XXXXXXXX', 'fb-sdk');
    AsyncLoader.add('//platform.twitter /widgets.js', 'twitter-wjs');
    
  • other JavaScript plugins you want use to make fanciful websites. (such as your own scripts)

    AsyncLoader.depends(
    ['bootstrap', 'jquery'],
    'scripts/mysite.js',
    function () {
    console.log('mysite.js has loaded');
    }
    );
    

##Which sites are using it now?

##License

Copyright (C) 2013, Sam-Mauris Yong. All rights reserved.

asyncloader.jsis released under New BSD 3-Clause license. See file LICENSE or visithttp://opensource.org/licenses/BSD-3-Clausefor full license details.

About

The Ultimate Blockbuster Asynchronous JavaScript Loader

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published