javascript - js替代jquery加载方法

Question

我试图将包含 jquery .load() 功能以及方法的单个 js 文件放在一起，以便仅链接到单个 js 文件，而不是同时链接到 jquery 和 load方法。

而不是

<script src="jquery.min.js" type="text/javascript"></script>
<script src="load.js" type="text/javascript"></script>

这个

<script src="load_including-necessary-js-for-load-methods.js" type="text/javascript"></script>

所以基本上我试图从 jquery 中仅提取使 .load() 工作所需的代码，并将其包含在带有加载方法的文件中。

Answer 1

建议您使用类似于 html5boilerplate 的 jQuery 调用的内容:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>

1. 通过 CDN 访问它可确保高速交付 jQuery 代码，该代码可供数千个其他页面/用户持续使用，
2. ...这也意味着该代码很可能缓存在用户的浏览器中...
3. ...这相当于经过高度测试的代码，就整体加载时间而言，您确实不需要“付费”。当然，第二行允许您从自己的站点提供它的副本，以防 CDN 出现问题，或者您需要离线测试(在这种情况下，AJAX 无论如何都会为您服务)无论如何……)。

否则，请查看 jQuery 的 Github 上的说明:https://github.com/jquery/jquery#how-to-build-your-own-jquery并阅读有关构建您自己的...他们有说明，用于从库中排除您不需要的模块。

之后，如果您想将所有内容减少为一次调用，您可能需要使用某种捆绑脚本将所有 JS(您的自定义 jQuery 构建 + 您的脚本)捆绑在一起。