张经纬的博客 - 分享网站建设知识及经验的博客

Chrome与传统浏览器不同的是,传统浏览器无论采用选项卡或是其他方式，都只有一个进程，而Chrome，每一个选项卡(Tabs)，都具备一个独立的进程，因此，他可以防止javascript存在的一些弊端（等待响应），以及传统浏览器的弊端（一个选项卡挂掉，整个浏览器挂掉）。更通俗的说，Chrome是一个“多进程”浏览器。

传统来说，多线程都存在内存占用过大的弊端。Chrome在每一个进程结束的时候，采用了新的方法，回收并可再利用内存空间，在一定程度上解决了这个问题。

下载地址：http://www.google.com/chrome

原文链接| 暂无评论

PR劫持，看PR造假的手段

Posted 08月 1st, 2008 归属于 seo 技术

PR是Google建立的PageRank，他旨在为网站排名起一个评分的作用，平时我们这些站长添加链接的时候，也已对方的PR作为是否可以添加的判断条件之一。

但如果说PR也可以造假，你相信吗？近来，一些朋友希望和我交换链接，由于我的个人网站PR已经为6了，所以我也会去查看对方的PR，但我发现，这些ALEXA排名在百万开外的网站，PR竟然有6有7，甚至还有8的，我判定这里面一定有猫腻。

翻阅了相关的资料，我对这个大概摸清了这个造假的手段，原来他们将一个域名通过301转向到一些PR较高的网站，当搜索引擎更新网站PR的时候，它们的网站也随之更新，此时，再将301转向取消。于是我们就看到一个PR为7为8的“小网站”了。

那么如何来鉴别PR的真伪呢？我整理了如下的办法。

1、使用网页快照：如果网页快照与浏览器浏览的页面不一致，则说明此站之前使用了301转向。

2、使用link指令，查看网页搜录情况是否一致。如图，我们可以看到网站A（左侧）将网站B（右侧）的进行劫持，他们的内容一致，PR一致。

3、如果新人觉得上面的方法很繁琐，我建议新手朋友使用一些鉴别PR真假的专业网站，在搜索引擎中输入“鉴别PR真假”即可找到很多鉴别PR真假的网站。

原文链接| 评论 (5)

气泡提示

Posted 07月 23rd, 2008 归属于前端技术

首先我们构建页面的结构，在这里我建立了三个不同的容器，第一个容器内是文字，第二个是图片，第三个是表单。由于在页面制作过程中，我们经常会遇到表单，图片，文字混排的情况，所以我在这些容器的上方故意放置一些输入框，图片和选者框进行测试。（由于IE6在处理选择框的z-index层次的时候存在bug，因此我们使用它。）

[-]^?View Code HTML4STRICT

<input style="background:blue; border:1px solid #000;" maxlength="134217727" size="20" type="text" />
<div class="tipBox">
<div id="tips0" class="tips"><span>点击查看原图</span></div>
<div class="onTips">鼠标移动到此上显示提示文字</div>
</div>
 
<img src="tip_bulb.gif" alt="" width="100" height="25" />
<div class="tipBox">
<div id="tips1" class="tips"><span>点击这里查看更大的图片</span></div>
<div class="onTips"><img src="tip_bulb.gif" alt="" width="100" /></div>
</div>
<select><option selected="65535" value="1">abc</option></select>
<div class="tipBox">
<div id="tips2" class="tips"><span>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span>&lt; ![endif]--&gt;</div>
<div class="onTips">
<input style="background:red; border:1px solid #000;" maxlength="134217727" size="20" type="text" /></div>
</div>

接下来，我们书写样式表,这里需要注意的是.tips iframe中的属性全部是必须的，缺一不可。display:block及滤镜在这里是均是为处理ie6下的差异。

[-]^?View Code CSS

/*  Tips  */
.tipBox {
	position:relative; /* 设置气泡提示为相对定位已保证气泡层准确的游动在文字上方 */
	cursor:pointer;
}
.tips {
	background:url(tip_bulb.gif) no-repeat; /* 背景采用滑动门的方式，以无限扩展 */
	width:auto; /* 宽度自动 */
	height:25px;
	position:absolute; /* 设置气泡提示层为绝对定位 */
	top:-26px;
	left:-4px;
	display:none; /* 默认设置隐藏 */
	z-index:10; /* 由于气泡提示可能会遇到ie6下select的bug，故设置他的z-index为10，用以解决这个问题 */
}
.tips:not(iced) {
	top:-23px; /* 矫正firefox下气泡提示层的距离 */
}
.tips iframe
{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask(); /* 使用遮罩滤镜，这是必须的 */
	display:block; /* 默认设置隐藏 */
}
.tips span {
	background:url(tip_bg.gif) right top no-repeat; /* 气泡内的元素的容器，设置背景用以和该容器的父容器结合 */
	max-width:725px; /* 设置最大宽度为725像素，only firefox */
	overflow:hidden;
	height:25px;
	display:inline-block; /* 将其已块级元素的方式内敛传递 */
	margin-left:20px;
	padding-right:8px;
	font:12px/23px Arial, Helvetica, sans-serif;
	white-space:nowrap; /* 不允许折行 */
}

我使用了JQuery框架，如果您原生js或者其他框架，思路是一致的

[-]^?View Code JAVASCRIPT

$(document).ready(function(){
	$(".tipBox").mouseover(function(){
	var tipNum = $(this).children(".tips").attr("id"); /* 取得当前的id */
	$("#"+tipNum).show(); /* 我本来使用setTimeout控制了一个延迟，但这个效果在ie6下由于个人技术问题出现了问题，只好改用简单“显示、隐藏”，真是一个遗憾 */
	});
	$(".tipBox").mouseout(function(){
	var tipNum = $(this).children(".tips").attr("id");
	clearTimeout(this.timeout);
	$("#"+tipNum).hide()
	});
});