59.适用于 vue.js 和原生 js 的渐进式图片加载 about cc

[shijunti19]

你不觉得眼睛被晃花了吗？大图片才希望有这种体验吧

[shouhe]

get 以后懒加载尝试下的 体验棒棒的

[think2011]

啊，还想知道 canvas 是如何做的

[Yeahax]

@think2011 How Medium does progressive image loading

[flxxyz]

get 新技能

[think2011]

@Yeahax tks!

[yuyang2016]

老师您好，我是sdk.cn编辑于洋，请问可以将这篇文章转载到我们平台吗，请您放心我们会严格遵守转载规范，保护您的权益。

[ccforward]

@yuyang2016 可以

[yuyang2016]

谢谢！

[KoreSamuel]

原图局对定位于容器左上角，是为了在动画阶段能覆盖原图。

发现一个错字，原图绝对定位，抱歉。

[Charles9292]

图片裁剪是指把原图通过插件处理了,等于需要两个链接吗.
不是说一张图片链接就能搞定.
我学习不好, 我不太理解

[ccforward]

@jsonformat
是需要两张图片的 一张原图 一张宽为20px等比缩小的缩略图

[zh30]

你好，我vue的项目用了您的组件，遇到这样的问题：首页大图用了这个效果，然后路由切换到其他页面后，再切换回首页，首页大图就不加载了，一直是模糊的初始状态。怎么样才能让它再次触发加载呢。

[ccforward]

@hakunamatatawang

不好意思 可能是个bug 我来复现下看看先

[zh30]

@ccforward
好的，辛苦。

[libin1991]

牛逼啊

[SikyChen]

@ccforward 您好，我也在用路由的时候，遇到了跟 @zhanghedate 一样的问题，切换路由后，再切换回来的时候，图片不加载一直处于模糊的状态，请问您这个问题解决了吗？

[ccforward]

@SikyChen

bug 已经修复 版本号 1.2.0

[ccforward]

@zhanghedate

bug 已经修复 版本号 1.2.0

[SikyChen]

@ccforward 是的，已经试过，非常棒！

[GodStream]

我的vue项目遇到这样一个问题，同一个页面我用到两个v-progressive指令，分别有两个板块的图片，但是最多只能加载出一个屏幕区域的图片，其它图片就会一直保持模糊状态不在加载，请问这该怎么解决呢？

[wangjuunwei]

请问如果是网络动态加载图片该如何处理呢

[meimei777]

你好我想请问一下，在图片的同一个位置我刷新一下浏览器，为什么会产生两个一样的img标签，我觉得应该始终都是一个才对。

[ccforward]

@meimei777 这个问题你提个 issue 我来看下吧

[leon-kfd]

是不是在IOS的Safari会失效，好像图片的onload事件在Safari会失效