图片预加载方案

    1. // 所有的图片（要是网络太好，自己加图片吧）
    2.         const imgs = [
    3.             "{{ static_url('topic/aqiyi_test/img/intro.png') }}",
    4.             "{{ static_url('topic/aqiyi_test/img/rwtf.png') }}", 
    5.             "{{ static_url('topic/aqiyi_test/img/rwwz.png') }}", 
    6.             "{{ static_url('topic/aqiyi_test/img/rwhr.png') }}", 
    7.             "{{ static_url('topic/aqiyi_test/img/logo.png') }}",
    8.         ];
    9.         let len = imgs.length;
    10.         /**
    11.         * 遍历imgs数组，将所有图片加载出来
    12.         * 可以通过控制台查看网络请求，会发现所有图片均已加载
    13.         */
    14.         for (let i = 0; i < len; i++) {
    15.             let imgObj = new Image(); // 创建图片对象
    16.             imgObj.src = imgs[i];
    18.             imgObj.addEventListener('load', function () { // 这里没有考虑error，实际上要考虑
    19.                 console.log('imgs' + i + '加载完毕');
    20.             }, false);
    21.         }