千家信息网

yepnope怎么用

发表于:2024-10-21 作者:千家信息网编辑
千家信息网最后更新 2024年10月21日,小编给大家分享一下yepnope怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!yepnope.js是一个超高速的按条件异步加载资源的加载器,允许你只加载使用到的资源(css及j
千家信息网最后更新 2024年10月21日yepnope怎么用

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

0