本文探讨了图片轮播脚本的两种实现思路，针对图片加载慢的问题，提出了使用懒加载和菊花图预览的解决方案。当面对大量图片（如两万张）时，建议采用瀑布流形式展示，并通过AJAX一次性请求多条JSON数据。为避免滚动卡顿，文章推荐使用LRU算法管理图片缓存，仅保留最近使用的图片。
面试官：做一个图片轮播的脚本。
基本上有二种思路，具体有时间详讲
面试官：图片加载比较慢，你这个轮播组件怎么解决。
懒加载，加一个菊花图，new一个img对象，监听onload事件，load完了再替换
面试官：如果图片很多，有两万个，怎么办。
一般轮播图不会考虑放这么多图片，真有这么多只会做成瀑布流的形式，可以考虑用ajax一次请求多条json数据
面试官：但是用户浏览了很多张图片会越来越卡。
利用LRU算法，把最近左边和右边的图片保留，其他的全部remove掉DOM
转载于:https://my.oschina.net/u/1792175/blog/598050
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
