前台面试题

面试官:做一个图片轮播的脚本。

答题者:blablabla(总之就是通过父元素设置overflow为hidden,position为relative,然后几个图片列表修改他的left值。因为之前答题者写过一个,所以答题者还说道了如何实现动画序列,比如点击一次向左,一次向右,再来一次向左,动画会依次执行。)

面试官:图片加载比较慢,你这个轮播组件怎么解决。

答题者:new一个Image对象,然后注册onload事件和src属性,都onload完毕了再显示,此前显示一个占位符。

面试官:如果图片很多,有两万个,怎么办。

答题者:按需加载,用多少加载多少(然后讲了答题者的实现思路)。

面试官:但是用户浏览了很多张图片会越来越卡。

答题者:把之前看过的图片从dom里删掉,来释放内存,但是要是用户回头又看之前看过的就比较麻烦了,不晓得这个图片该往哪里插入了。

面试官:是的,这道题答题者不告诉你正确答案,你可以好好想想(面试结束后面试官让答题者看了百度图片搜索的例子)。

答题者:好的。

相关推荐