最前端

我的工作,我的生活,点点滴滴...

占窝猫咪

很有爱的占位图,占窝猫咪,http://placekitten.com/720/360 就是一张好720*360的猫咪图片,简单有趣创意,做占位图片很方便。

placekitten

类似的站点还有:

fpoimg,如:http://fpoimg.com/720×100?text=fpoimg&bg_color=97aed8&text_color=ffffff
fpoimg

lorempixel,可生成随机的某类型的固定大小图片,如:http://lorempixel.com/720/500/city/720-500/
lorempixel

fakeimg,如:http://fakeimg.pl/720×100/97aed8/ffffff/?text=720-100&font=lobster
fakeimg

javascript超时处理

在异步操作时,通用需要超时处理,比如在请求数据时,网络异常没返回数据。

代码:

var timeoutHandle = (function(){
	var events = [];
	var id = 0;
	var handle = {
	    success:function(id){
	        var eve = events[id];
	        if(!eve){
	            return;
	        }
	        eve.isSuccess = true;
	        clearTimeout(eve.timer);
	    },
	    timeout:function(id,fn){
	        var eve = events[id];
	        if(!eve){
	            return;
	        }
	        eve.timer = setTimeout(function(){
	        	if(eve.isSuccess){
	        		return;
	        	}
	            if(typeof fn == 'function'){
	                fn.call(this);
	            }
	        },eve.time);
	    }
	};
	return function(fn,time){
		id++;
	    events[id] = {};
	    events[id].time = time||5e3;
	    events[id].isSuccess = false;
	    if(typeof fn == 'function'){
	        fn.call(this,id,handle);
	    }
	};
})();

使用方法:

// 以下为伪代码
timeoutHandle(function(id,handle){
    handle.timeout(id,function(){
        // 超时处理
    });
    jsonp(url,params,function(msg){
        // 数据处理
        handleData(msg);
        // 成功通知
        handle.success(id);
    });
},100);

巧用“代理自动配置脚本”进行测试

使用代理自动配置脚本,一改全改,避免频繁修改hosts,避免频繁部署到测试机,避免同时修改多台设备。

  1. 新建proxy.pac [1]文件,如把dc.sina.com.cn的请求代理到本机上(10.218.36.131),则填入如下内容:

    function FindProxyForURL(url, host) {
    	if (shExpMatch(url, "*dc.sina.com.cn/*")) {
    		return "PROXY 10.218.36.131";
    	}
    	return "DIRECT";
    }
  2. 把proxy.pac上传到一个固定的地址上,如http://bq69.com/xxx/xxx/proxy.pac,然后把该地址填写各测试设备的http 自动代理上。

参考资料