小编给大家分享一下yepnope怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
yepnope.js是一个超高速的按条件异步加载资源的加载器,允许你只加载使用到的资源(css及js)。
yepnope.js的一个典型实例:
yepnope({
test:Modernizr.geolocation,
yep:'normal.js',
nope:['polyfill.js','wrapper.js']
});
此实例表示如果Modernizr.geolocation为真的时候加载normal.js,为假则加载polyfill.js及wrapper.js。
yepnope完整语法:
yepnope([{
test:/*boolean(ish)输入条件*/,
yep:/*array(ofstrings)|string-条件为真时加载的资源*/,
nope:/*array(ofstrings)|string-条件为假时加载的资源*/,
both:/*array(ofstrings)|string-条件无论真假都加载*/,
load:/*array(ofstrings)|string-条件无论真假都加载*/,
callback:/*function(testResult,key)|object{key:fn}回调函数*/,
complete:/*function加载完成后执行的函数*/
},...]);
为什么使用yepnope:
Gzip后只有1.6K比大多数的资源加载器都小
可以加载CSS及JS
yepnope通过了作者能找到的所有的浏览器的测试
yepnope完全分离资源加载和执行,这样你可以控制资源的执行顺序
提供友好的API和促进资源的逻辑组合
模块化设计,你可以自己扩充功能(见稍后的Prefixes及filters)
鼓励按需加载资源
集成在Modernizr中
默认总是按照资源列表(你所提供的文件列表顺序)顺序执行
可处理资源回退(fallback),且仍优先并行下载依赖的脚本,看下代码更容易理解。
看完了这篇文章,相信你对“yepnope怎么用”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。