随机日志

• 一根网线让多台笔记本上网
• win7调出快速启动栏的方法、、
• chrome Dev 6.0.452.0发布 新增扩展同步功能
• DOCTYPE 中xhtml 1.0和 html 4.01区别
• 正则表达式教程

可惜轻飘飘的诱惑，常常是致命的。就像习惯了铅华，就再也难面对素颜的本真。

迷失，常常在不经意间；返璞，是决绝和归零。

Restart。

随机日志

• 纯教育网可以直接访问国外网了，教育网的freeip机制被取消？
• 张鸣：黄万里的骨气
• 百度浏览器(内测版)测试报告–IE内核？
• 各种邀请码的获取技巧
• 有关Google中国产品的更新情况

"D:\Program Files\SogouExplorer\SogouExplorer.exe" -proxy

可以看出就是加了一个启动参数”-proxy”,加上此参数后只会启动代理进程而不会打开浏览器。
具体配置方法：

1、下载搜狗浏览器，注意要使用1.2之前的版本，1.2及以后的版本不能独立启动子进程。推荐1.1版，点此下载。
2、建立个快捷方式，更改快捷方式的属性，在目标位置下面的输入框中,在最后面（引号后面）加上启动参数，注意参数和路径中间有空格。可以将此快捷方式加到启动里，让其开机启动。
3、现在可以使用搜狗浏览器的代理了。代理IP：127.0.0.1 端口：8081

以上。

//===============================================

随机日志

• 饭否回来了。
• 在博客中实现Konami code彩蛋
• Google Reader的Send To功能：自定义发送到人人网，豆瓣，新浪微博，腾讯微博等
• 如何使用PPT的备注功能、、、
• 月亮的脸

———————–
本扩展修改了新浪微博的内容界面。主要的更改有：

1、将内容区域的宽度设置成满屏，新浪微博原始版本的界面利用率低，而且不能设置满屏。
2、将右侧边栏的内容移入到右侧的一个可折叠窗口。点击可展开/关闭。
3、去掉了中间区域的一些乌七八糟的信息。
4、去掉尾部广告和其他信息。
5、Google化页面顶部工具条。小清新做不来，只请新了工具条。

ps:
一晚上的时间写的，有些仓促，细节很多不完善的地方，有待修改。
–2011-08-01 01:52

点击进入市场安装：Simple Sina weibo™

//===============================================

update: 2011-08-01 22:02
———–
1、添加用户配置弹窗，两种模式供选择：全屏模式和正常模式。
2、对全屏模式做了微调，使界面更美观。

update: 2011-08-01 10:22
———–
1、修复模板主题背景bug，现已支持模板主题

update: 2011-08-01 01:52
———–
已知问题：
1、暂不支持模板里的背景图片，因为背景图片大小是固定的。

———————

敬请提修改意见，非常感谢。
//===============================================

您可能会喜欢

• chrome扩展:右键Google dictionary搜索
• 想进入 Google 官方 Chrome 扩展中心？拿5美刀来！
• Gmail更新：新增拖拽下载附件功能
• chrome Dev 6.0.472.0发布,加入Chrome Web Store 应用
• Chrome Dev 6.0.466.0 发布

写一个函数处理大数据的相加问题，所谓的大数据是指超出了整型，长整型之类的常规数据类型表示范围的数据。实现语言不限。

我是用js实现的，说一下我自己的思路：

1、首先这个题目最重要的环节在考虑怎么存储大数据？用什么数据类型保存呢？最简单可行的方式是String
2、确定了使用何种类型保存数据之后这个题目就明朗了。首先判断两个传入字符串的长度，取最短的len循环，两者从低位开始对应位相加，同时注意保存进位。在短的数据处理完后，将进位交给较长串的剩余部分处理。

详细实现看一下代码，完整实例见jsfiddle

var strAdd = function(srcA, srcB) {
    var i, temp, tempA, tempB, len, lenA, lenB, carry = 0;
    var res = [],
        arrA = [],
        arrB = [],
        cloneArr = [];
    arrA = srcA.split('');
    arrB = srcB.split('');
    arrA.reverse();
    arrB.reverse();
    lenA = arrA.length;
    lenB = arrB.length;
    len = lenA > lenB ? lenB : lenA;
    for (i = 0; i < len; i++) {
        tempA = parseInt(arrA[i], 10);
        tempB = parseInt(arrB[i], 10);
        temp = tempA + tempB + carry;
        if (temp > 9) {
            res.push(temp - 10);
            carry = 1;
        } else {
            res.push(temp);
            carry = 0;
        }
    }
    cloneArr = lenA > lenB ? arrA : arrB;
    for (; i < cloneArr.length; i++) {
        tempA = parseInt(cloneArr[i], 10);
        temp = tempA + carry;
        if (temp > 9) {
            res.push(temp - 10);
            carry = 1;
        } else {
            res.push(temp);
            carry = 0;
        }
    }
    return (res.reverse()).join('');
};

以上。

PS：其实吧，这个面试题被我改编了下，原始的面试题主考官提示了用字符串保存大数据的，这个其实降低难度了~~
//===============================================

您可能会喜欢

• JavaScript篇:去掉数组中的重复值
• JavaScript篇：一道字符串分解的题目(URL参数分解成对象)
• jQuery:鼠标滑动图片对比
• jQuery:使用jQuery实现Ajax的跨域

题目：要求写一个函数，去掉给定数组中的重复值。
如：
传入数组 a = [0, 8, 5, 4, 78, 8, 90, 4, 'a', 'b', 'a'];
要求返回：[0,4,5,8,78,90,a,b]

对于这个题目，在面试之后也想了好多次，不过一直没能想出一个时间复杂度较低的方法。昨天下午在宿舍看《JavaScript语言精粹》看到一个书中的一段代码有所触发，于是在jsfiddle上测试了，成功。代码如下(完整版参见jsfiddle)

var getNR = function(src) {
    src = src || [];
    var res = {};
    var curr = [];
    var i, j = 0,temp, name;
    for (i = 0; i < src.length; i++) {
        temp = src[i];
        if (res[temp]) {
            //do noting
        } else {
            res[temp] = 1;
        }
    }
    for (name in res) {
        if (res.hasOwnProperty(name)) {
            curr[j++] = name;
        }
    }
    return curr;
};

总结一下我的思路：

思路一：将目标数组进行排序，然后依序删除重复的数组，但这样在删除重复元素的同时也改变数组原有元素的属性，明显是不符合要求的，del。
思路二：新建一个数组b，将a中的元素push到b中，但是在push之前检查该元素是否存在。这个时间复杂度是n*n,最简单也是最笨的办法。
思路三：跟思路二类似，不过充分利用了js对象的属性，新建一个空对象，将a中的元素作为属性添加到该对象中，在添加之前检测该属性是否已存在。全部添加完后将该对象的属性依序放到数组中，return

美团面试的题目中有一道这个题目的变种：

要求在Array类上添加一个方法，对于任意数组调用该方法后，去除该数组中的重复元素。

这个变种题考查的知识点多了些，还包括原型，this的理解等。

//===============================================

您可能会喜欢

• JavaScript篇:大数据相加的问题
• JavaScript篇：一道字符串分解的题目(URL参数分解成对象)
• jQuery:鼠标滑动图片对比
• jQuery:使用jQuery实现Ajax的跨域

要求用js写一个函数，对传入的形如下网址字符串，返回对应的对象。
如：
若传入字符串a=’?name=zhiyelee&blog=www.tsnrose.com’;
则返回 b={‘name’:'zhiyelee’,'blog’:'www.tsnrose.com’}

当时由于时间比较短，实现的有些问题，回来后想了一下，总结如下：
我想到了两种思路，一种是使用正则表达式，第二种是使用字符串的split函数。

1、使用正则表达式处理

我首先想到的是使用正则表达式处理，可能是感觉这个更有挑战性写起来也最简洁，不过当时怀疑这种方法的效率会低于直接使用字符串函数处理的效率。这个效率我们在下文会验证~
这个方法的思路很简单，就是使用正则表达式每次匹配出一个‘***=###’串，然后循环最后取出所有。
代码如下

var getNRReg = function(str) {
    var res = {};
    var reg = /(\w+)=(\w+)/g;
    while ((a = reg.exec(str))) {
        res[a[1]] = a[2];
    }
    return res;
};

2、使用字符串函数处理

这种想法思路也比较常规，不过写起来肯定要比使用正则表达式处理麻烦一些。
我的思路首先用‘&’将原串分割成多个字串，每个字串的样式如‘***=###’，然后再对字串应用split(‘=’)。（此种方法没有使用正则，当然我们可以使用正则split(/&|=/)
代码如下

var getNRSplit = function(str) {
    var temp, res = {},
        i, ret;
    str = str.slice(1);
    temp = str.split('&');
    for (i = 0; i < temp.length; i++) {
        ret = temp[i].split('=');
        res[ret[0]] = ret[1];
    }
    return res;
}

这两种方法的效率问题

众所周知正则表达式的效率有点低，因此最初认为第一种方案的效率肯定要低于第二种方案的效率，于是实测了下，结果不然：

执行1000000次的耗时情况：
getNRReg执行耗时 4399ms
getNRSplit执行耗时 6116ms

完整源代码查看： jsfiddle ，可以自行测试~

update: 2011-08-05 10:10
----------
感谢 @simon4545 提供的思路，效率比上面的两种都要高。split确实也很消耗性能的，直接substring会更好。
这个一直没重新整理，最近项目中用到，顺便整理贴出来。

var getUrlData = function(){
	var srcUrl = window.location.search;
	var searchStr = decodeURIComponent(srcUrl.substr(1));
	var temp = searchStr.split('&');
	var len = temp.length;
	var index,argName,argValue,currArg,retArr = {};
	for (var i = 0 ; i < len ;i++){
		currArg = temp[i];
		index = currArg.indexOf('=');
		if(index > 0){
			argName = currArg.substring(0,index);
			argValue = currArg.substring(index+1);
			retArr[argName] = argValue;

		}else{
			return -1;
		}
		return retArr;
	}

};

ps:
最后附上新浪微博2011-06-15 在北邮宣讲会前端岗位的一道笔试题：

用正则表达式完成删除与某个字符相邻且相同的字符，比如“fdaffdaaklfjk”字符串处理之后成为“fdafdakljk”。

我的答案见 jsfiddle
//===============================================

您可能会喜欢

• JavaScript篇:大数据相加的问题
• JavaScript篇:去掉数组中的重复值
• jQuery:鼠标滑动图片对比
• jQuery:使用jQuery实现Ajax的跨域
• jQuery:给图片加个半透明悬浮标题

1.所有的标记都都要闭合

所有的标记都要闭合,如果是单独不成对的标签，在标签最后加一个”/”来关闭它。例如：

<h6>close tag </h6>
<img src=”../avg.png” alt=’avg’/>
<br />

2.所有标签的元素和属性的名字都必须使用小写

与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。

例如：<BODY>必须写成<body> <DIV> 要写成 <div>

3.所有的XML标记都必须合理嵌套

<p><b> </p></b> 必须修改为： <p> <b> </b> </p>

就是说，一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号（单或双）包括

在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。

<height=80> 必须修改为： <height=”80″>

5.把所有<和&特殊符号用编码表示

任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 任何大于号（>），不是标签的一部分，都必须被编码为& g t ; 任何与号（&），不是实体的一部分的，都必须被编码为& a m p;
注：以上字符之间无空格。

6.给所有属性赋一个值

XHTML规定所有属性都必须有一个值，没有值的就重复本身。

<input type=”checkbox” name=”shirt” value=”medium” checked>
必须修改为：
<input type=”checkbox” name=”shirt” value=”medium” checked=”checked”>

7.不要在注释内容中使“- -”

“- -”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。

<!- -这里是注释———–这里是注释- ->
需要用等号或者空格替换内部的虚线。
<!- -这里是注释============这里是注释- ->

注：- – 之间无空格

8.图片必须有说明文字 每个图片标签都必须有ALT说明文字。

<img src=”ball.jpg” alt=”large red ball” />

————-
参考文档：
1、http://blog.sina.com.cn/s/blog_473491a40100kt31.html
//===============================================

您可能会喜欢

• HTML中id和name的区别

随机日志

• HTML中id和name的区别
• 一根网线让多台笔记本上网
• 未名歌舞
• 2011年Google PR值更新
• 额 抢人老婆、、

原理

1、添加两个div：before和after，并通过absolute定位将二者叠放在一起
2、分别设置这两个div的背景图片为要对比的图片。
3、通过mouseover事件控制上层的那个div的宽度。
4、remove原来的图片

jQuery部分的源码

$(function(){
	$('.beforeafter').each(function(){
      var $afterimg=$(this).find('img[rel=after]');
      var $beforeimg=$(this).find('img[rel=before]');
      $(this).append("


").find('.after').width($afterimg.width()).height($afterimg.height())
.css({"background":"url("+$afterimg.attr('src')+")"});
      $(this).append("


").find('.before').width($beforeimg.width()).height($beforeimg.height())
.css({"background":"url("+$beforeimg.attr('src')+")"});
      var offset=$(this).find('.before').offset().left;
      $(this).mousemove(function(event){
		if((event.clientX-offset)<($(this).width()-50)&&(event.clientX-offset)>50)

		{
 		$(this).find('.before').width(event.clientX-offset)
.css("border-right","5px solid #333");
			};
		});

		$afterimg.remove();
		$beforeimg.remove();
	})

});

css部分源码

.show{
	margin:20px 0 20px 0 ;
}
.beforeafter {
	position: relative;
}
.before{
	position:absolute;
	left:0px;
	top:0px;
}

PS：注意由于absolute布局不占据流空间，故after和before的position不能同时定义为absolute,否则后面的布局就出问题了。
//===============================================

您可能会喜欢

• jQuery:使用jQuery实现Ajax的跨域
• JavaScript篇:大数据相加的问题
• JavaScript篇:去掉数组中的重复值
• JavaScript篇：一道字符串分解的题目(URL参数分解成对象)
• jQuery:给图片加个半透明悬浮标题