温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

yepnope怎么用

发布时间:2021-09-22 12:31:44 来源:亿速云 阅读:122 作者:小新 栏目:开发技术

小编给大家分享一下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怎么用”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI