最前端

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

归档： ‘ 2013 年七月 ’

占窝猫咪

很有爱的占位图，占窝猫咪，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 自动代理上。

参考资料

  1. ^ 代理自动配置