javascript - pc端新版知乎的这个图片加载是怎么做的？

问题描述

问 题

很好奇这个图片加载是怎么做的= =一般来说都是给一个默认的预加载图片

求解答~~

解决方案

两张图片，一张宽度60的小图，一张原图。当打开网站默认只加载宽度60的小图，目的是为了节约网络流量提升用户体验，当浏览到图片位置时做2个动作：1、把小图片转Canvas处理加模糊效果 2、加载大图，加载完成替换小图；至于js怎么处理Canvas模糊效果已有现成框架，例如：StackBlur

这篇关于javascript - pc端新版知乎的这个图片加载是怎么做的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！