img 的 alt 与 title 的异同，还有实现图片懒加载的原理

异同

1. alt是图片加载失败的时候，显示在网页上的替代文字；title是鼠标放在图片上显示的提示文字，title是对图片的描述与进一步说明。
2. 这些都是表面上的区别，alt是img的必要属性，而title不是。对于网站seo优化来说，title和alt还有最重要的一点就是：搜索引擎对图片意思的判断，主要靠alt属性，所以在图片alt属性中要以简要的文字说明，同时包含关键词，也是页面优化的一部分。如若条件允许，可以在title属性里，进一步对图片进行说明。
3. 由于过多的图片会严重影响网页的加载速度，并且移动网络下的流量消耗巨大，所以说延迟加载几乎是标配了。

懒加载实现方式：

1. 使用定时器进行延迟加载
2. 条件加载：符合某些条件才开始加载
3. 可视区加载，主要由滚动监听来实现，一般会在距用户看到某些图片前的一定距离再开始加载，这样能保证用户下拉的时候正好能看见图片（常用）

懒加载实现原理：

原理很简单，就是我们先设置图片的data-set属性（当然也可以是其他任意的，只要不会发送http请求就行，作用就是为了存取值）值为图片的src路径。由于不是src，所以不会发送http请求，然后监听页面滚动事件，判断图片是否进入可视区，如果是，就将图片的src属性设置为data-set的值.