时间:2021-05-25
典型代码示例
复制代码 代码如下:
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 : ,
yep : ,
nope : ,
both : ,
load : ,
callback : ,
complete :
}, ... ]);
这里的参数都可以是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加载失败的情况做了一个备用处理。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
yepnope.js的一个典型实例:yepnope({test:Modernizr.geolocation,yep:'normal.js',nope:['pol
什么文件适合用CDN加载CDN主要适用于一些静态资源文件的加载,比如javascript文件、css样式文件、字体、图片、视频等其他资源文件。这些文件我们往往放
本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下:/***动态导入静态资源文件js/css
1.静态加载CSS,图片资源文件在页面渲染过程中可以并行下载,不会阻塞。在IE8,FF下,也可以支持JS的并行下载。尽管页面的JS下载加速了,但是JS对页面渲染
css加载器在webpack中,所有的资源(js文件、css文件、模板文件,图片文件等等)都被看成是一个模块,因此多有的资源都是可以被加载的。加载这些资源我们要