现在的位置: 首页 > web前端 > 正文

yepnope语法和例子

2020年07月20日 web前端 ⁄ 共 889字 ⁄ 字号 评论关闭

  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给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.