Giter Club home page Giter Club logo

loaderjs's Introduction

LoaderJs

基本使用方法

/**
 * 1. 串行执行
 * 先加载第一个任务,成功后第二个,再成功后第三个 …… 以此类推
 */
Loader.load('jquery', function fn(){ 
  console.log('fn')
})
// 先加载 jquery.js,成功后执行函数 fn

/**
 * 2. 并行执行
 * 所有任务同步加载
 */
Loader.load(['lazyload', 'lightbox'])
// 同步加载 lazyload.js 和 lightbox.js

/**
 * 3. 串行、并行混合
 */
Loader.load('jquery.js', ['lazyload', 'lightbox'], function fn1(){ 
  console.log('fn1')
}, function fn2(){ 
  console.log('fn2')
})
// 首先加载jquery.js,成功后同步加载 lazyload.js 和 lightbox.js,都成功后执行函数 fn1,
// fn1 执行成功后执行函数 fn2

/**
 * 4. 在 js 文件或函数中嵌套任务
 */
Loader.load('jquery', function fn1(){
  Loader.load(['lazyload', 'lightbox'])
  console.log('fn1')
}, function fn2(){
  console.log('fn2')
})
// 先加载 jquery.js,成功后执行函数 fn1;
// fn1 执行中,首先开始同步加载 lazyload.js 和 lightbox.js, 随后控制台打印 'fn1',
// lazyload.js 和 lightbox.js 加载成功后 fn1 执行完毕,开始执行函数 fn2

定义串行或并行任务

  1. Loader.load() 的参数默认生成一个串行任务
  2. Loader.load() 参数中的数组默认生成一个并行任务
  3. 可使用 Loader.series() 手动生成一个串行任务
  4. 可使用 Loader.parallel() 手动生成一个并行任务
  5. 手动生成的串行或并行任务本身没有 load() 方法,无法独立加载,只能通过 Loader.load() 加载;另外,手动串/并行任务也可以作为 Loader.series()/Loader.parallel() 的参数,从而成为另一个手动串/并行任务的子任务

自定义加载器

loaderjs's People

Contributors

0410233 avatar

Watchers

 avatar

Forkers

1517988115

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.