什么是 loadjs？
loadjs 是一个简单且高效的 JavaScript 资源加载器。它可以异步地加载 JavaScript 文件，支持缓存和并行加载。loadjs 的目标是提供一个最小化的 API，让你能够快速轻松地加载脚本文件，并保证页面性能。
安装 loadjs
你可以使用 npm 来安装 loadjs：
npm install loadjs --save
或者你可以在 HTML 中直接引用它：
<script src="https://cdn.jsdelivr.net/npm/loadjs/dist/loadjs.min.js"></script>
使用 loadjs
loadjs 最常见的使用场景是加载第三方库或框架，如 jQuery 或 React。下面是一个简单的示例，展示了如何使用 loadjs 来异步加载 jQuery：
loadjs('https://code.jquery.com/jquery-3.6.0.min.js', function() {
console.log('jQuery is loaded.');
});这个示例中，我们首先传入要加载的资源的 URL（这里是 jQuery），然后传入回调函数，在资源加载完成后执行。在这个例子中，我们只是简单地打印了一条消息。
loadjs 还有其他一些功能，例如：
加载多个资源
你可以通过传递一个数组来同时加载多个资源：
loadjs(['https://code.jquery.com/jquery-3.6.0.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'], function() {
console.log('jQuery and Lodash are loaded.');
});缓存
loadjs 默认启用缓存，这意味着如果你从同一 URL 加载相同的文件，则无需再次下载该文件。缓存是通过 localStorage 实现的。
如果你想禁用缓存，可以传递 cache: false 选项：
loadjs('https://code.jquery.com/jquery-3.6.0.min.js', 'jquery', { cache: false }, function() {
console.log('jQuery is loaded.');
});在这个示例中，我们给加载的资源命名为 'jquery'，并且传递了 { cache: false } 选项来禁用缓存。
并行加载
loadjs 支持并行加载，这意味着它会在同一时间内加载多个资源，而不是依次加载它们。这可以提高页面加载速度。
loadjs(['https://code.jquery.com/jquery-3.6.0.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js', 'https://unpkg.com/vue@next/dist/vue.global.js'], function() {
console.log('jQuery, Lodash, and Vue are loaded.');
});在这个示例中，我们同时加载了 jQuery、Lodash 和 Vue，它们将在同一时间内被加载。
结论
loadjs 是一个非常有用的工具，它可以帮助你轻松地异步加载 JavaScript 资源。无论你是在开发网站还是构建应用程序，都可以使用它来提高页面性能和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34342