如果有一个tab选项卡 怎么加懒载效果，是怎么样的一个原理要怎么实现？（没用使用lazyload.js 的前提）

Question

当用户没有点击tab选项卡时，没有显示的tab选项卡显示默认图片

Answer 1

假设效果是：
选项1、选项2...
内容1、内容2...

<dl>
    <dt>
        <a>选项1</a>
        <a>选项2</a>
    </dt>
    <dd>
        <div>内容1<img src="图片一" /></div>
        <div>内容2<img *data-src*="图片二" /></div>
    </dd>
</dl>

当上面的选项二被点击时，同时把内容二里的图片的 data-src 的值传给它的 src 。这样图片就会加载，否则不加载。当然这种方案是比较简单、粗暴的处理方式，只能用在tab里的图片较为少的情况。
多的话，就得考虑屏高的问题。

Answer 2

https://segmentfault.com/q/1010000002554960