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