摘要:
懒加载的原因: 对于图片过多的场景,为了提高页面的加载速度,降低服务器的负载,增强用户体验,我们对还没出现在视野的图片先不加载,当元素出现在我们视野中的时候再加载。 懒加载的原理: 我们先将img标签中的src链接设置为一样的图片(空白图片),将真正的图片链接放在自定义属性中,如(data-src) 阅读全文
摘要:
源码: 效果图: 原理: 页面结构方面: 将轮播图容器设置成相对定位,宽度设置成图片的宽度;容器中分为四部分:轮播的图片;点击的小按钮;前一张;后一张 样式方面: 轮播图容器为相对定位,宽度/高度设置成图片的宽度/高度,设置overflow为hidden; 容器中的每一部分都设置成绝对定位,放到相应 阅读全文