yepnope.js 异步加载资源文件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了yepnope.js 异步加载资源文件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1301字，纯文字阅读大概需要2分钟。

内容图文

yepnope({ 
test : Modernizr.geolocation, 
yep : 'normal.js', 
nope : ['polyfill.js', 'wrapper.js'] 
}); 
 
当Modernizr.geolocation为真时，加载yep项也就是”normal.js”，否则加载nope项——可以同时加载多个文件。 

yepnope和现有的xxx script loader有什么区别？ 
个人认为主要 是这两点： 

可以同时处理javascript以及css 
能够按条件加载 
yepnope的全部参数 
 代码如下:

yepnope([{ 
test : /* boolean(ish) - 你要检查真伪的表达式 */, 
yep : /* array (of strings) | string - test为true时加载这项 */, 
nope : /* array (of strings) | string - test为false时加载这项 */, 
both : /* array (of strings) | string - 什么情况下都加载 */, 
load : /* array (of strings) | string - 什么情况下都加载 */, 
callback : /* function ( testResult, key ) | object { key : fn } 当某个url加载成功时执行相应的方法 */, 
complete : /* function 都加载完成了执行这个方法 */ 
}, ... ]); 
 
这里的参数都可以是array或者object，在加载多个资源文件的时候有用。 

yepnope加载jquery的实例 
 代码如下:

yepnope([{ 
load: 'http:/­/ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js', 
complete: function () { 
if (!window.jQuery) { 
yepnope('local/jquery.min.js'); 
} 
} 
}, { 
load: 'jquery.plugin.js', 
complete: function () { 
jQuery(function () { 
jQuery('div').plugin(); 
}); 
} 
}]); 
 
这段代码异步加载了jquery和jquery.plugin.js，甚至还对jquery加载失败的情况做了一个备用处理。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的yepnope.js 异步加载资源文件全部内容，希望文章能够帮你解决yepnope.js 异步加载资源文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端