异步加载 yepnope.js

yepnope.js是一个超高速的按条件异步加载资源的加载器，允许你只加载使用到的资源（css及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 : , yep : , nope : , both : , load : , callback : , complete : }, ... ]);
这里的参数都可以是array或者object，在加载多个资源文件的时候有用。

为什么使用yepnope：

1.Gzip后只有1.6K比大多数的资源加载器都小
2.可以加载CSS及JS
3.yepnope通过了作者能找到的所有的浏览器的测试
4.yepnope完全分离资源加载和执行，这样你可以控制资源的执行顺序
5.提供友好的API和促进资源的逻辑组合

6.模块化设计，你可以自己扩充功能
7.鼓励按需加载资源
8.集成在Modernizr中
9.默认总是按照资源列表（你所提供的文件列表顺序）顺序执行
可处理资源回退（fallback），且仍优先并行下载依赖的脚本

yepnope的不足

1.并不总是最快的，像labjs等优化后可能加载速度优于yepnope，但需要根据你的实际情况考虑使用哪个加载器
2.需要给资源设置一定的缓存头（这一点很重要）
3.并不像RequireJS等类库有自己的生成工具及丰富的API，yepnope仅实现了基本加载器功能
4.默认总是按照你提供的资源列表顺序执行，这一点有可能会影响速度

异步加载 yepnope.js相关推荐

vue 表格中有列需要异步加载_vue.js表格分页，ajax异步加载数据
分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理. 效果: 代码: 1.注册一个组件 js Vue.component('p ...
异步加载js文件并执行js方法：实现异步处理网页的复杂效果
异步加载js文件并执行js方法:实现异步处理网页的复杂效果有这么一个场景,当你的网页页面效果过多就会造成了打开页面的速度变得缓慢,长时间处于加载的状态,这样的效果通常会让用户感到不友好,通常的处理方 ...
百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...
实现JS异步加载的三种方法
一.为什么要写异步加载: ①js加载本身是属于同步加载的,加载js文件会阻塞文档,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作.但是有些工具方法需要按需加载,有一些工具js文件它是不 ...
js延迟加载、js异步加载
1.js延迟加载 (1)js延迟加载是js性能优化的一种方式 (2)作用:为了提高网页的加载速度 (3)原理:等网页加载完成之后再加载js文件 ··需要优化的原 ...
Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
javascript 文件的同步加载与异步加载
原文:[转载]javascript 文件的同步加载与异步加载 HTML 4.01 的script属性 charset: 可选.指定src引入代码的字符集,大多数浏览器忽略该值. defer: bool ...
jq异步实现ajax,用jQuery的AJax实现异步访问、异步加载
本篇文章实现了用jQuery的AJax实现异步访问和异步加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下. [异步访问] 用一个例子用以说明:点击按钮,将input内用户输入的数据发送给服务端, ...
javascript异步加载
这里先解释html在浏览器的一般加载流程. 用户输入搜索内容,浏览器发送搜索内容到服务器,服务器返回html文件.这个过程十分复杂,包含多个层次的数据传输.这里只讨论js代码加载,不再展开. 浏览器加 ...

异步加载 yepnope.js

异步加载 yepnope.js相关推荐

最新文章

热门文章