jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用回退加载jquery核心异步大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
通过头部中的性能优化和非阻塞脚本,我一直在尝试异步加载 jquery本身.

我遇到了一个jQuery Loader脚本,异步加载jquery,然后捕获并排队jquery文件就绪调用.这似乎在大多数时间都有效,但并非总是如此.

所以如果加载器没有在x秒内完成,我创建了一个后备加载本地jquery版本.后备工作,但不完全.有些部分可能有效,有些则无效.

在加载jquery加载器脚本之后,到目前为止调用的脚本:

<script type="text/javascript">
function loadScript(url)
{
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    head.appendChild(script);
}

var fallBACk_timer = setTimeout(function() {
    loadScript('/path/to/local/js/jquery.js');
},5000);
jQl.loadjQ('//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js',function({ClearTimeout(fallBACk_timer);});

</script>

问题:

>任何有jQuery Loader(jQl)经验的人都可以帮助修复
它经常失败的问题?
>任何人都可以告诉我为什么,失败,只有我的其他人
js脚本工作,但有些仍然失败?
>我非常愿意与其他一些异步加载jquery核心
插件/脚本/方向寻找.

为了澄清,我不是在虑使用jQuery异步加载脚本,而是异步加载jquery本身,同时支持在某个地方加载jquery依赖脚本.

解决方法

如果您首先要查找加载jquery然后执行某些操作,我可以帮助您!

最佳解决方

我写了一个函数来连续加载你想要的一些脚本.

function loadScripts(urls,length,success){
    if(length > 0){
        script = document.createElement("SCRIPT");
        script.src = urls[length-1];
        console.log();
        script.onload = function() {
            console.log('%c Script: ' + urls[length-1] + ' loaded!','color: #4CAF50');
            loadScripts(urls,length-1,success);               
        };
        document.getElementsByTagName("head")[0].appendChild(script);
    }
    else
        if(success)
            success();
}

简单的装载脚本

urls = ['https://cdnjs.cloudFlare.com/ajax/libs/wow/1.1.2/wow.min.js','https://cdnjs.cloudFlare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js','http://cdnjs.cloudFlare.com/ajax/libs/jquery/3.1.0/jquery.min.js'
    ];

loadScripts(urls,urls.length,function(){
    /* Do something here after loading all script */

});

希望能解决你的问题!

大佬总结

以上是大佬教程为你收集整理的使用回退加载jquery核心异步全部内容,希望文章能够帮你解决使用回退加载jquery核心异步所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。