unveil移动端图片懒加载插件件源码问题

来源：蜘蛛抓取(WebSpider) 时间：2017-09-19 23:18 标签： xcode 懒加载插件
10款基于JQuery实现的web前端源码预览
10款基于JQuery实现的web前端源码预览
编辑日期： 字体：
1.优秀的响应式 jQuery 滑块插件
iView Slider 是一款优秀的 jQuery 滑动插件，用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局，能够很好的运行于触屏设备中。iView Slider 内置35种很炫的过渡效果（Transition Effects），能够帮助你制作出各种各样的滑动效果。iView Slider 提供了三种不同形式的加载进度条形式，以生动直观的方式告诉用户下一个滑块还有多久时间加载。iView Slider 依赖于 jQuery 和 Raphael，提供了简单易用的 API ，能够非常容易的实现漂亮的内容滑动效果。
2.超轻量的可定制的回到顶部 jQuery 插件
ScrollUp 是一款轻量的 jQuery 插件，用于实现定制的滚动到顶部（Scroll To Top）功能。ScrollUp 可以通过 CSS 完全定制，这使得它能够非常简单到集成到你的项目中。官方提供了 Tap、Pill、Llink、Image 五种风格，可以根据需要配置。
3.非常轻量的延迟加载插件
jQuery Unveil 是一款轻量的延迟加载插件，支持提供用于视网膜显示设备的高分辨率图像。这个插件非常有用，它能提高长网页中图像的加载性能，因为视口以外的图像（可见部分网页）将不会被加载，直到用户滚动到它们所在的区域。延迟加载有一些很酷的选项，如自定义效果，容器，事件或数据属性。如果你不想使用这些功能，你可以减小文件的大小，只留下必要的代码来显示图像。
4.超级精美的自定义复选框&单选按钮
iCheck 是一套基于 jQuery 的自定义复选框和单选按钮，以避免在日常开发中重复造轮子。在数量庞大的浏览器，设备和它们的不同版本中，它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。目前兼容 IE 7+，Firefox 2+，Chrome，Safari 3+ 和 Opera 9+ 浏览器。此外，还支持 Opera mini, Chrome mobile, Safari mobile 等移动浏览器也都支持。在 iOS，Android，BlackBerry 和 Windows Phone 设备测试通过。
5.Parallax.js:自适应智能设备方向的视差效果插件
Parallax.js 是一个简单的，轻量级的的视差引擎，能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候，使用光标的位置来代替。有很多的行为，你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数 和 JavaScript API 调用。
6.EasyDropDown:很棒的精美主题下拉菜单
EasyDropDown 是一个 jQuery 插件，你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单，用于表单或者一般的导航。和著名的下拉插件 Chosen 很像，但是具有自己的特点，例如：简洁，语义标记，兼容表单验证，完整的键盘控制，滚动支持，在触摸设备上降级为原生UI 等等众多优点。
7.管理 CSS 动画的强大的小工具
Animo.js 是一个功能强大的小工具，用于管理 CSS 动画。它的特色功能包括像堆栈动画，创建跨浏览器的模糊，设置动画完成的回调等等。Animo 还包括惊人的 animate.css，为您提供了近60个美丽的动画，还加入了一些辅助动画到库中。
8.使用 iosOverlay.js 创建 iOS 风格的提示和通知
iosOverlay.js 用于在 Web 项目中实现 iOS 风格的通知和提示效果。为了防止图标加载的时候闪烁，你需要预加载的图像资源。不兼容 CSS 动画的浏览器需要 jQuery 支持。浏览器兼容：IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad。
9.jsPDF:基于HTML5的强大PDF生成工具
jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。使用方法很简单，只要引入 jsPDF 库，然后调用内置的方法就可以了。浏览器兼容性： IE 10, Firefox 3+, Chrome, Safari 3+, Opera，未来将兼容 IE 10 以下版本，对于 IE10 以下的版本会使用 Downloadify 来实现文件下载功能。
10.触屏设备的精美 jQuery Lightbox 插件
Swipebox 是一款可触摸的 jQuery 灯箱效果插件，可用于桌面，移动和平板电脑。它移动设备支持滑动手势导航，桌面电脑上可以用键盘导航，不支持 CSS3 过渡特性的浏览器使用 jQuery 降级处理，支持视网膜显示，能够通过 CSS 轻松定制。
本文固定链接:
转载请注明:
作者：Yang
梦想有多远，我就要走多远！
您可能还会对这些文章感兴趣！问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
;(function($) {
$.fn.unveil = function(threshold, callback) {
var $w = $(window),
th = threshold || 0,
retina = window.devicePixelRatio & 1,
attrib = retina? "data-src-retina" : "data-src",
images = this,
this.one("unveil", function() {
var source = this.getAttribute(attrib);
source = source || this.getAttribute("data-src");
if (source) {
this.setAttribute("src", source);
if (typeof callback === "function") callback.call(this);
function unveil() {
var inview = images.filter(function() {
var $e = $(this);
if ($e.is(":hidden"))
var wt = $w.scrollTop(),
wb = wt + $w.height(),
et = $e.offset().top,
eb = et + $e.height();
return eb &= wt - th && et &= wb +
loaded = inview.trigger("unveil");
images = images.not(loaded);
//此行懵圈中
$w.on("scroll.unveil resize.unveil lookup.unveil", unveil);
})(window.jQuery || window.Zepto);
中的scroll.unveil resize.unveil lookup.unveil是什么事件？看的一头雾水
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
scroll，resize，lookup后面的.unveil就是传说中jquery里事件的命名空间，看这里，功能上就是普通的scroll，resize，lookup事件监听，后面加了命名空间的作用就是
一是，方便插件内统一管理事件，可以看
二是，防止其他地方误注销该监听吧(我猜的)
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 xcode 懒加载插件 的文章

 

随机推荐