yepnope.js 异步加载资源文件


典型代码示例

复制代码 代码如下:

yepnope({
test : Modernizr.geolocation,
yep : 'normal.js',
nope : ['polyfill.js', 'wrapper.js']
});

当Modernizr.geolocation为真时,加载yep项也就是”normal.js”,否则加载nope项——可以同时加载多个文件。

yepnope和现有的xxx script loader有什么区别?
个人认为主要 是这两点:

可以同时处理javascript以及css
能够按条件加载
yepnope的全部参数
复制代码 代码如下:

yepnope([{
test : /* boolean(ish) - 你要检查真伪的表达式 */,
yep : /* array (of strings) | string - test为true时加载这项 */,
nope : /* array (of strings) | string - test为false时加载这项 */,
both : /* array (of strings) | string - 什么情况下都加载 */,
load : /* array (of strings) | string - 什么情况下都加载 */,
callback : /* function ( testResult, key ) | object { key : fn } 当某个url加载成功时执行相应的方法 */,
complete : /* function 都加载完成了执行这个方法 */
}, ... ]);

这里的参数都可以是array或者object,在加载多个资源文件的时候有用。

yepnope加载jquery的实例
复制代码 代码如下:

yepnope([{
load: 'http:/­/ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js',
complete: function () {
if (!window.jQuery) {
yepnope('local/jquery.min.js');
}
}
}, {
load: 'jquery.plugin.js',
complete: function () {
jQuery(function () {
jQuery('div').plugin();
});
}
}]);

这段代码异步加载了jquery和jquery.plugin.js,甚至还对jquery加载失败的情况做了一个备用处理。



相关阅读:
mysql中向表中某字段追加字符串的方法
Windows映像胁持(IFEO)症状和预防
PHP删除MYSQL数据库中所有表的代码
PHP中关于Oracle存储过程的应用介绍
asp 自定义分段函数/求第N名成绩
提升PHP执行速度全攻略(上)
js 动态选中下拉框
javascript 定义初始化数组函数
html+CSS实现图表效果(代码)
利用PHP实现与ASP Banner组件相似的类
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
JavaScript框架:跨浏览器的标准化Ajax请求
Ubuntu Linux 7.10 系统下改变域名映射
带你轻松了解 SQL Server数据库的组成
快速导航

Copyright © 2016 phpStudy |