12、      
        13、       ，           （   ）
        14、              。
                  ，         ，       。
                 ，      ，     ，    ，          ，    50  。
        1、    jQuery  
        2、 jquery                 （$.extend,$.fn.extend），  jquery     （return
        new jQuery.fn.init）
        3、        （  arguments.callee，  arguments   ）
        4、        ？        ？
        5、    webpack gulp，          
        6、  es6   
        
![](images/1.jpg)

        12、      
        13、       ，           （   ）
        14、              。
                  ，         ，       。
                 ，      ，     ，    ，          ，    50  。
        1、    jQuery  
        2、 jquery                 （$.extend,$.fn.extend），  jquery     （return
        new jQuery.fn.init）
        3、        （  arguments.callee，  arguments   ）
        4、        ？        ？
        5、    webpack gulp，          
        6、  es6   
        
![](border.png)

        12、      
        13、       ，           （   ）
        14、              。
                  ，         ，       。
                 ，      ，     ，    ，          ，    50  。
        1、    jQuery  
        2、 jquery                 （$.extend,$.fn.extend），  jquery     （return
        new jQuery.fn.init）
        3、        （  arguments.callee，  arguments   ）
        4、        ？        ？
        5、    webpack gulp，          
        6、  es6   
        
![](images/2.jpg)

        12、      
        13、       ，           （   ）
        14、              。
                  ，         ，       。
                 ，      ，     ，    ，          ，    50  。
        1、    jQuery  
        2、 jquery                 （$.extend,$.fn.extend），  jquery     （return
        new jQuery.fn.init）
        3、        （  arguments.callee，  arguments   ）
        4、        ？        ？
        5、    webpack gulp，          
        6、  es6   
        
![](images/3.jpg)

        12、      
        13、       ，           （   ）
        14、              。
                  ，         ，       。
                 ，      ，     ，    ，          ，    50  。
        1、    jQuery  
        2、 jquery                 （$.extend,$.fn.extend），  jquery     （return
        new jQuery.fn.init）
        3、        （  arguments.callee，  arguments   ）
        4、        ？        ？
        5、    webpack gulp，          
        6、  es6   
        
![](images/4.jpg)
//  したピクチャクラス  を    に  
var images = Array.prototype.slice.call(document.getElementsByTagName('img'));
console.log(images);
//ブラウザビューポートの さの  
var viewHeight = document.documentElement.clientHeight;
window.addEventListener('scroll', function () {
var i, length = images.length;
for (i = 0; i < length; i++) {
if (images[i].getBoundingClientRect().top < viewHeight) {
setTimeout((function (i) {
return function () {
images[i].setAttribute('src', images[i].dataset.src);
images.splice(i, 1)
}
})(i));
}
}
}
)