图片先用占位符表示，不要将图片地址放到src属性中，而是放到其它属性(data-original)中
页面加载完成后，监听窗口滚动，当图片出现在视窗中时再给它赋予真实的图片地址，也就是将data-original中的属性拿出来放到src属性中
在滚动页面的过程中，通过给scroll事件绑定lazyload函数，不断的加载出需要的图片
注意：请对lazyload函数使用防抖与节流，不懂这两的可以自己去查
3.可视区加载
这里也分为两种情况
1、页面滚动的时候计算图片的位置与滚动的位置
2、通过新的API： IntersectionObserver API（可以自动"观察"元素是否可见）
如上，data- 属于自定义属性， ele.dataset. 可以读取自定义属性集合
img.srcset 属性用于设置不同屏幕密度下，image自动加载不同的图片，比如<img src="image-128.png" srcset="image-256.png 2x" />
预加载
提前加载图片，当用户需要查看时可直接从本地缓存中渲染
加载方式目前主要有两种
待到满足触发条件后，再通过JS渲染
您好学习web前端一定要有方向，学习web前端先从核心基础开始学：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
web前端学习路线
这个是web前端的学习方向你从上到下按照顺序学习就可以了，一般来说零基础学习前端是5个月左右的时间，学习方法就是做到3多，多问、多思考、多敲 学习的本质就是不断的重复，熟能生巧，希望可以帮到你。
懒加载按钮不显示1只有当真正需要资源的时候,再去加载,节省了内存资源。 2,懒加载代码示例(遇到的小问题:控件不能正常显示) -(UITextField*) writeTextFiel...
