,,yepnope.js 异步加载资源文件

,,yepnope.js 异步加载资源文件 Yepnope.js是一个js脚本,可以根据输入条件有选择地异步加载资源文件,在页面上只能加载用户需要的js/css。 一个典型的代码示例如下复制代码:YEP NOPE({ test:modernizr . geolocation,YEP:' normal.js ',NOPE: ['polyfill.js ',' wrapper . js ']});当Modernizr.geolocation为真时,加载yep项,即“normal . js”;否则,加载nope项3354会同时加载多个文件。 yepnope和现有的xxx脚本加载器有什么区别?我个人认为主要是这两点: 可以同时处理javascript和css。yepnope的所有参数都可以有条件地加载。按如下方式复制代码:Yep nope([{ test:/* boolean(ish)-要检查真实性的表达式*/,Yep:/* array(of strings)| load this item When string-test为true */,nope:/* array(of strings)| load this item When string-test为false */,Both:/* array(of strings)| string:/* array(of strings)| string-load */,callback:/* function (test result,Key) | object {key: fn}执行此方法*/},]);这里的参数可以是数组或对象,这在加载多个资源文件时很有用。 yepnope加载jquery的示例复制代码代码如下:Yep nope([{ load:' http:/shy;/Ajax . Google APIs . com/Ajax/libs/jquery/1 . 5 . 1/jquery . min . js ',complete: function () { if(!window . jquery){ Yep nope(' local/jquery . min . js ');} } },{ load: 'jquery.plugin.js ',complete:function(){ jQuery(function(){ jQuery(' div ')。插件();});} }]);这段代码异步加载jquery和jquery.plugin.js,甚至为jquery失败的情况做了备份。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 关于js中的全等和不全等,等于和不等于问题的关系,,关于JS中的全等和不全等、等于和不等于问题
  • Vue项目启动,nodejs启动vue项目,如何启动一个Vue.js项目
  • vue双向绑定和单向绑定,vue.js 双向绑定,Vue双向绑定详解
  • vue事件修饰符和按键修饰符,vue事件绑定修饰符都有哪些,Vue.js 事件修饰符的使用教程
  • vue中-model的作用,Vue中的v-model指令的作用是-,vue.js 实现v-model与{{}}指令方法
  • vue2.0双向绑定原理,vue.js 双向绑定
  • vue2.0双向绑定原理,vue.js 双向绑定,深入理解vue.js双向绑定的实现原理
  • vue.js路由跳转,vue-router路由跳转,Vue路由跳转的4种方式小结
  • vue.js打包,vue前端如何打包,详解Vue项目的打包方式
  • vue.js前后端分离,vue前后端分离web项目,Vue之前端体系与前后端分离详解
  • vue.js 遍历数组,vue中遍历数组中的一个对象中的值
  • vue.js 遍历数组,vue中遍历数组中的一个对象中的值,Vue中遍历数组的新方法实例详解
  • UglifyJsPlugin,,Uglifyjs(JS代码优化工具)入门 安装使用
  • seajs教程,seajs还有人用吗,Sea.JS知识总结
  • require的用法js,require.js
  • 留言与评论(共有 条评论)
       
    验证码: