zoukankan      html  css  js  c++  java
  • 图片的预加载

    //用到闭包、回调、
    //图片预加载
    function YReload(result,imgName,callBack){
    var imgArr = [];
    for(var i in result){
    (function(item,src){
    imgArr[i] = new Image();
    if( IsPicture(src)){//获取图片的路径
    imgArr[i].src = src;

    }else{//没有图片的话放默认图片
    imgArr[i].src = '../static/image/banji@2x.png';
    }
    imgArr[i].onload = function(){
    callBack(item);
    };
    })(result[i],result[i][imgName]);
    }

    }


    //判断是否是图片
    function IsPicture(str)
    {
    //判断是否是图片 - strFilter必须是小写列举
    var strFilter=".jpeg|.gif|.jpg|.png|.bmp|.pic|"
    if(str.indexOf(".")>-1)
    {
    return true;
    var p = str.lastIndexOf(".");
    var strPostfix=str.substring(p,this.length) + '|';
    strPostfix = strPostfix.toLowerCase();
    if(strFilter.indexOf(strPostfix)>-1)
    {
    return true;
    }
    }
    return false;
    }

    //调用
    var result = success.data.data.list
    YReload(result,'videoAudioLogo',function(item){
    that.learningContent.push(item)
    });
  • 相关阅读:
    vuejs组件交互
    markdown table语法
    vue循环中的v-show
    apache跨域
    sublime text执行PHP代码
    PHP语法
    方法(method)和函数(function)有什么区别?
    PHP MVC单入口
    phpstudy部署thinkPHP
    MACD判断定背离,底背离
  • 原文地址:https://www.cnblogs.com/lmxxlm-123/p/8921292.html
Copyright © 2011-2022 走看看