早就听说Google要整合实时信息比如Twitter到搜索结果中，这次真的见识到了，而且信息是不断更新到搜索结果页面中的…

用过Silverlight的兄弟都清楚，当在Visual Studio 2008中建立一个Silverlight Application Project时，首先会弹出一个提示框如上图，询问是否自动生成一个ASP.NET网站来托管这个Silverlight应用。默认会建立。一般情况下我们都会选择不建立，这样会在解决方案里少生成一个项目。
自动生成一个ASP.NET网站来托管这个Silverlight应用的好处是，在每次Debug整个解决方案的时候，Visual Studio 2008会自动首先编译Silverlight项目，然后把编译结果，一个xap文件，自动拷贝到ASP.NET网站项目的ClientBin下，然后启动ASP.NET网站项目的默认页面，显示了最新版本的Silverlight应用。如下图所示。

问题是，如果你一开始没有让Visual Studio 2008建立那个网站项目，如果哪天你需要一个网站了，可能是各种原因，比如需要一个本地的Web Service等等，自己新建一个ASP.NET网站，就不能实现上面的自动拷贝xap文件了。

解决方法比较绕。这是一个MSBuild问题，你需要Unload各个项目，然后用写字板打开ASP.NET的项目文件（csproj文件），然后在PropertyGroup中加一个SilverlightApplicationList项，如图：

注意相对路径，项目名称以及项目的GUID。这些东西都可以在解决方案文件（sln文件）里找到。就不详细解释了。

Reload项目之后Build，就会发现你的项目可以自动把xap文件拷贝到ClientBin下了。

后记：作为一个使用Silverlight开发了无数年的工程师，这似乎是我第一次写关于Silverlight的博文。现在想想，大概是公司政策使然？我应该是个很守规矩的人。

Google Wave是不是一种迅速花掉全部流量的方式呢，呵呵。
速度是真的慢啊，输入速度更是不敢恭维，这种速度在with:public灌水是不太现实了，协同工作应该还行。
看好Google Wave加入Google Apps大家庭!!

大家都知道，野生的鸭子更好吃一些。

上图，今天在Google Wave上发现的好东东，在线听歌服务——亦歌，音质不错哦，在公司不能乱装东西同学可以试用一下。

全球中文论坛100强排行，由2004年发起的一次评选后，在网络引起了很大的反响。时间已经过去了5年，经过新一轮的网络淘汰和洗牌，很多老的论坛已经倒下，也有很多新的论坛崛起，5年的时间对于网络论坛来说，实在是变化太大了，大到让我们已经无法认识以前，所以为了让大家重新了解全球中文论坛情况，我们发起这个评选活动，让大家重新认识现在的全球中文论坛状况。
http://bbs.ifeng.com/zhuanti/bbstop100/

感谢CCTV，感谢MTV…
感谢我的简历上又能写上一个能让我骄傲的事件。blueonline说的话我现在还记得，希望在同济网论坛经历能让大家骄傲地在自己简历上写上那么一笔，就谢天谢地了。
不过其实大学论坛真的不好做。今天早晨在Google Wave上还得知武汉白云黄鹤站不幸的消息…
这些事情，纯技术是永远解决不了的。

最近的Google Wave用下来的感觉，对这个方向和思路是很看好的，因为一直以来我在寻找一种能够同时拥有IM的即时性和Email的绝对时间轴、存档性的方式，Google Wave显然是这个问题的最优解，通过Google Wave可以协同工作，甚至可以取代BBS。
昨天提到Google Wave是HTML 5的应用，大量使用了Ajax技术，带来的问题是显然的——太慢了…
打开with:public之后我的CPU开始狂转。Firebug统统关掉也没有丝毫好转。
目前的Google Wave采取限量邀请政策，只有第一代用户每个人能邀请几个人，被邀请的二代不能继续邀请（穷二代）。这样的性能显然不能支撑持续的邀请…
我对Google的数据处理能力是不怀疑的，相信有Gmail的基础，再大的Ajax数据请求都是能够处理的。看起来前端性能是如此重要！

“Firebug is known to make Gmail slow unless it is configured correctly.”

For the best Gmail performance, we suggest disabling Firebug for www.google.com.

Windows or Linux Users
To disable Firebug:

1. Open the Firebug pane in your Gmail tab by clicking the Firebug icon.
2. Click the down arrow next to the Net tab, and select Disable monitor for mail.google.com
3. Repeat Step 2 on the Console and Script tabs.

If you’d like to keep Firebug running, you may improve Gmail performance by following these steps:

1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
2. Click the Console tab.
3. Select Options.
4. Uncheck Show XMLHttpRequests.
5. Click the Net tab.
6. Select Options.
7. Check Disable Network Monitoring.

Mac Users
To disable Firebug:

1. Click the green or red icon in the bottom right corner of the browser window to open Firebug.
2. Click the bug icon in the top left corner of Firebug and select ‘Disable Firebug for mail.google.com.’

If disabling Firebug for Gmail doesn’t improve performance results, you may have to entirely disable Firebug.

看起来Firebug的监控功能对这种大量应用Ajax的网站还是影响很大的。

如果你在Microsoft Internet Explorer 8下访问Google Wave，登陆后会发现上图的提示。
Google Wave是一个HTML 5应用，看起来Google一直走在了技术的前端，当年Ajax的发明以及Web 2.0的火热正是由于Google提供的Gmail带来的。这一次，Google为我们推开了HTML 5的大门，当然，是用波浪冲开的。
当然，占据用户比例大头的Microsoft Internet Explorer 8如果不能访问Google Wave这显然是一种悲剧，然后Google就做了Google Chrome Frame…
看着Google一头扎进IE的波涛洪流，我无语啊。没事搅这滩浑水干什么。

public sealed class ScrollViewer : ContentControl

//
// Summary:
//     Gets a value that represents the horizontal size of the area that can be
//     scrolled; the difference between the width of the extent and the width of
//     the viewport..
//
// Returns:
//     The horizontal size of the area that can be scrolled. This property has no
//     default value.
public double ScrollableWidth { get; internal set; }

Silverlight Control里面的小细节，小小小细节…
好几篇这样的文章了，以后学着粗枝大叶一点，产品中的这些小细节太让我恼火了。

补充几句，觉得C#里面的注释写得太像八股文了。最近写了好多好多，现在随便开个东西开始无意识输出的是“Gets or sets a value indicating whether…”。

Snow Leopard，感觉很好，至少我觉得发热又变小了，安安静静工作，不吵不闹，很乖。
如果Windows 7在我的Mac OS上的VMware Fusion里不要发热那么厉害，我也乐意把现在里面的XP换成Windows 7。

图片，被拉伸了…

tongji kernel: EDAC MC0: UE page 0xa8810, offset 0x0, grain 4096, row 3, labels ":": e7xxx UE

My god，莫非内存完了…
BTW，找人，在上海的可靠的人员，懂点Linux的需要进机房看看问题，至少备份下数据。

如果您发现这样的提示，请升级您的浏览器。

关于IE6 no more

您可以在您的网站中插入这样的代码，加入IE6 no more计划。

<!--[if lt IE 7]>
<div style="border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom:10px;">
    <div style="position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;">
        <a href="#" onclick="javascript:this.parentNode.parentNode.style.display='none'; return false;">
            <img src="http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg" alt="关闭本通知"/>
        </a>
    </div>
    <div style="width: 100%; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;">
        <div style="width: 75px; float: left;">
            <img src="http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg" alt="Warning!"/>
        </div>
        <div style="width: 275px; float: left;">
            <div style="font-size: 14px; font-weight: bold; margin-top: 12px;">
                您正在使用旧版本的浏览器
            </div>
            <div style="font-size: 12px; margin-top: 6px; line-height: 12px;">
                为了在使用本站时获得更好的体验，请升级到一种现代浏览器。
            </div>
        </div>
        <div style="width: 75px; float: left;">
            <a href="http://www.firefox.com">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg" alt="Firefox 3.5"/>
            </a>
        </div>
        <div style="width: 75px; float: left;">
            <a href="http://www.browserforthebetter.com/download.html">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg" alt="Internet Explorer 8"/>
            </a>
        </div>
        <div style="width: 73px; float: left;">
            <a href="http://www.apple.com/safari/download/">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg" alt="Safari 4"/>
            </a>
        </div>
        <div style="float: left;">
            <a href="http://www.google.com/chrome">
                <img src="http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg" alt="Google Chrome"/>
            </a>
        </div>
    </div>
</div>
<![endif]-->

展示的是旧版本的剧种方法，图示很清楚。稍微改进下代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Centered DIV Test</title>
        <style type="text/css">
            .centered_div{
            width:500px;
            height:200px;
            position:absolute;
            top:50%; left:50%;
            margin-left:-250px;
            margin-top:-100px;
            background:red;
        }
        </style>
    </head>
    <body>
        <div class="centered_div">centered div content</div>
    </body>
</html>

在线例子可以看这里。
原文：The simplest way to horizontally and vertically center a DIV

进一步想，若是JavaScript干脆支持多线程你说怎么样？Web N.0哈哈。下面这段话告诉你这是不可能的：

You must be “as tall as an NBA player” to hack on threaded systems, and that means most programmers should run away crying. But they don’t. Instead, as with most other sharp tools, the temptation is to show how big one is by picking up the nearest singlethreaded code and jamming it into a multi-threaded embedding, or tempting racecondition fate otherwise. Occasionally the results are infamous, but too often, with only virtual fingers and limbs lost, no one learns.
Threads violate abstractions six ways to Sunday. Mainly by creating race conditions, deadlock hazards, and pessimistic locking overhead. And still they don’t scale up to handle the megacore teraflop future.
So my default answer to questions such as, “When will you add threads to JavaScript?” is: “over your dead body!” —— Brendan Eich

这可不是随便什么人说说的，Brendan Eich那可是Mozilla的CTO，JavaScript的创始人。基本上在可见的将来JavaScript是不打算支持多线程的。

这并不是说多线程这个金钥匙就关闭了，有很多办法可以实现并行的目的。

Concurrent.Thread

Concurrent.Thread实现了一个树，需要并行的函数注册到Concurrent.Thread里，然后由Concurrent.Thread安排到树中，主线程再进行模拟多线程操作。Concurrent.Thread库很大，实际中应该加载时性能不很好。
以下文字引用自InfoQ：

让我来介绍一下Concurrent.Thread，它是一个允许JavaScript进行多线程编程的库，应用它可以大大缓解上文提及的在AJAX开发中与异步通信相关的困难。这是一个用JavaScript写成的免费的软件库，使用它的前提是遵守Mozilla Public License和GNU General Public License这两个协议。你可以从他们的网站下载源代码。

马上来下载和使用源码吧！假定你已经将下载的源码保存到一个名为Concurrent.Thread.js的文件夹里，在进行任何操作之前，先运行如下程序，这是一个很简单的功能实现：

Concurrent.Thread.create
    (function()
    {
        var i = 0;
        while (1) { document.body.innerHTML += i++ + "<br>"; }
    });

执行这个程序将会顺序显示从0开始的数字，它们一个接一个出现，你可以滚屏来看它。现在让我们来仔细研究一下代码，他应用while(1)条件制造了一个不会中止的循环，通常情况下，象这样不断使用一个并且是唯一一个线程的JavaScript程序会导致浏览器看起来象冻结了一样，自然也就不会允许你滚屏。那么为什么上面的这段程序允许你这么做呢？关键之处在于while(1)上面的那条Concurrent.Thread.create()语句，这是这个库提供的一个方法，它可以创建一个新线程。被当做参数传入的函数在这个新线程里执行，让我们对程序做如下微调：

function f (i)
{
    while (1) { document.body.innerHTML += i++ + "<br>"; }
}

Concurrent.Thread.create(f, 0);
Concurrent.Thread.create(f, 100000);

在这个程序里有个新函数f()可以重复显示数字，它是在程序段起始定义的，接着以f()为参数调用了两次create()方法，传给create()方法的第二个参数将会不加修改地传给f()。执行这个程序，先会看到一些从0开始的小数，接着是一些从100,000开始的大数，然后又是接着前面小数顺序的数字。你可以观察到程序在交替显示小数和大数，这说明两个线程在同时运行。

让我来展示Concurrent.Thread的另外一个用法。上面的例子调用create()方法来创建新线程。不调用库里的任何APIs也有可能实现这个目的。例如，前面那个例子可以这样写：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var i = 1;
    while (1) { document.body.innerHTML += i++ + "<br>"; }
</script>

在script 标签内，很简单地用JavaScript写了一个无穷循环。你应该注意到标签内的type属性，那里是一个很陌生的值(text/x-script.multithreaded-js)，如果这个属性被放在script标签内，那么Concurrent.Thread就会在一个新的线程内执行标签之间的程序。你应当记住一点，在本例一样，必须将Concurrent.Thread库包含进来。

有了Concurrent.Thread，就有可能自如的将执行环境在线程之间进行切换，即使你的程序很长、连续性很强。我们可以简要地讨论下如何执行这种操作。简言之，需要进行代码转换。粗略地讲，首先要把传递给create()的函数转换成一个字符串，接着改写直至它可以被分批分次执行。然后这些程序可以依照调度程序逐步执行。调度程序负责协调多线程，换句话说，它可以在适当的时候做出调整以便每一个修改后的函数都会得到同等机会运行。 Concurrent.Thread实际上并没有创建新的线程，仅仅是在原本单线程的基础上模拟了一个多线程环境。

虽然转换后的函数看起来是运行在不同的线程内，但是实际上只有一个线程在做这所有的事情。在转换后的函数内执行同步通信仍然会造成浏览器冻结，你也许会认为以前的那些问题根本就没有解决。不过你不必耽心，Concurrent.Thread提供了一个应用JavaScript 的异步通信方式实现的定制通信库，它被设计成当一个线程在等待服务器的响应时允许其它线程运行。这个通信库存于 Concurrent.Thread.Http下。它的用法如下所示：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var req = Concurrent.Thread.Http.get(url, ["Accept", "*"]);
    if (req.status == 200)
    {
        alert(req.responseText);
    }
    else
    {
        alert(req.statusText);
    }
</script>

get()方法，就像它的名字暗示的那样，可以通过HTTP的GET方法获得指定URL的内容，它将目标URL作为第一个参数，将一个代表HTTP请求头的数组作为可选的第二个参数。get()方法与服务器交互，当得到服务器的响应后就返回一个XMLHttpRequest对象作为返回值。当get()方法返回时，已经收到了服务器响应，所以就没必要再用回调函数接收结果。自然，也不必再耽心当程序等待服务器的响应时浏览器冻结的情况了。另外，还有一个 post()方法可以用来发送数据到服务器：

<script type="text/javascript" src="Concurrent.Thread.js"></script>
<script type="text/x-script.multithreaded-js">
    var req = Concurrent.Thread.Http.post(url, "key1=val1&amp;amp;key2=val2");
    alert(req.statusText);
</script>

post()方法将目的URL作为第一个参数，要发送的内容作为第二个参数。像get()方法那样，你也可以将请求头作为可选的第三个参数。

Simulating

第二种方法是比较简单的模拟方式，也是通过一个线程去模拟多线程并行执行的过程。以下是库的实现：

//loops through an array in segments
var threadedLoop = function(array) {
	var self = this;

	//holds the threaded work
	var thread = {
		work: null,
		wait: null,
		index: 0,
		total: array.length,
		finished: false
	};

	//set the properties for the class
	this.collection = array;
	this.finish = function() { };
	this.action = function() { throw "You must provide the action to do for each element"; };
	this.interval = 1;

	//set this to public so it can be changed
	var chunk = parseInt(thread.total * .005);
	this.chunk = (chunk == NaN || chunk == 0) ? thread.total : chunk;

	//end the thread interval
	thread.clear = function() {
		window.clearInterval(thread.work);
		window.clearTimeout(thread.wait);
		thread.work = null;
		thread.wait = null;
	};

	//checks to run the finish method
	thread.end = function() {
		if (thread.finished) { return; }
		self.finish();
		thread.finished = true;
	};

	//set the function that handles the work
	thread.process = function() {
		if (thread.index >= thread.total) { return false; }

		//thread, do a chunk of the work
		if (thread.work) {
			var part = Math.min((thread.index + self.chunk), thread.total);
			while (thread.index++ < part) {
				self.action(self.collection[thread.index], thread.index, thread.total);
			}
		}
		else {

			//no thread, just finish the work
			while(thread.index++ < thread.total) {
				self.action(self.collection[thread.index], thread.index, thread.total);
			}
		}

		//check for the end of the thread
		if (thread.index >= thread.total) {
			thread.clear();
			thread.end();
		}

		//return the process took place
		return true;

	};

	//set the working process
	self.start = function() {
		thread.finished = false;
		thread.index = 0;
		thread.work = window.setInterval(thread.process, self.interval);
	};

	//stop threading and finish the work
	self.wait = function(timeout) {

		//create the waiting function
		var complete = function() {
			thread.clear();
			thread.process();
			thread.end();
		};

		//if there is no time, just run it now
		if (!timeout) {
			complete();
		}
		else {
			thread.wait = window.setTimeout(complete, timeout);
		}
	};

};

// Note: this class is not battle-tested, just personal testing on large arrays

搞点测试数据：

var array = [];
for (var i = 0; i < 500000; i++) {
	array.push("this is some long string");
}

启动并行执行：

//create our new class
var work = new threadedLoop(array);

//create the action to compare each item with
work.action = function(item, index, total) {
	var check = (item == "this is some long string comparison to slow it down");
	document.body.innerHTML = "Item " + index + " of " + total;
};

//another action to use when our loop is done
work.finish = function(thread) {
	alert("Thread finished!");
};

//and start our 'thread'
work.start();

GIF Image Hack

这种方法是在国内网站见到的，蛮好玩的。原理就是搞一张gif图片，能动画的，会自动循环的那种。然后利用每次动画结束后的onload事件启动多个函数的执行。

var img = new Image();
img.src = "images/animation.gif";
img.onload = function()
{
    alert("如要关闭请按住ESC键不放，并点击关闭按钮");
}

参考资料

1. InfoQ: JavaScript多线程编程简介
2. javascript多线程的实现方法
3. Simulate Threading Using Javascript

今天午休翻Google Reader的时候终于看到Google一个Bug。如上图所示。
请无视这个Bug的题目吧，我发现只有这篇文章才能重现这个Bug…
当然这也更可能是IE的问题。不过跨浏览器兼容应该是Google的事情。我的IE版本是8.0.6001.18783。
也有很小的可能是春哥的问题…

Update:
确实还有不少，比如下图。我冤枉春哥了…

高亮背景挡住字了.唉,我就无语了,同样是中国软件公司,校内网前端团队和淘宝UED咋就差那么远呢?
真的希望校内网的人好好看看淘宝UED在研究什么,想想差距.

具体参见最近的淘宝UED文章:垂直栅格与渐进式行距

如题,那么个东西,可以一次性ping一堆网站,看看哪个挂掉了.方便系统管理员用的东西,不必被动地等用户来叫了才知道网站挂了.以前还写了个exe的,不过是会检查返回的页面是不是包含特定的关键字的,相比起来更有可信度,不然一个404的网站,ping返回还是正常的呢.

贴点关键代码:

$result = ping_site($_POST["site"]);
$ip = "N/A";
$ttl = "N/A";
$time = "N/A";

if($result != "Fail")
{
    $start = stripos($result, "from ") + 5;
    $length = stripos($result, ":") - stripos($result, "from ") - 5;
    $ip = substr($result, $start, $length);

    $start = stripos($result, "ttl=") + 4;
    $length = stripos($result, " time=") - stripos($result, "ttl=") - 4;
    $ttl = substr($result, $start, $length);

    $start = stripos($result, "time=") + 5;
    $length = stripos($result, " ms") - stripos($result, "time=") - 5;
    $time = substr($result, $start, $length)." ms";

    echo "<td class=\"success\">".$_POST["site"]."</td><td class=\"success\"><img src=\"images/success.png\" alt=\"Success\" /></td><td class=\"success\">$ip</td><td class=\"success\">$ttl</td><td class=\"success\">$time</td><td><a href=\"http://".$_POST["site"]."\">HTTP</a>,<a href=\"#\" title=\"$result\">Raw Data</a></td>";
}
else
{
    echo "<td class=\"fail\">".$_POST["site"]."</td><td class=\"fail\"><img src=\"images/fail.png\" alt=\"Fail\" /></td><td class=\"fail\">N/A</td><td class=\"fail\">N/A</td><td class=\"fail\">N/A</td><td><a href=\"http://".$_POST["site"]."\">HTTP</a>,<a href=\"#\" title=\"$result\">Raw Data</a></td>";
}

function ping_site($target)
{
    $command = "ping -c 1 $target";
    exec($command, $result);
    if($result[1] == "") { return "Fail"; }
    else { return $result[1]; }
}

本人是完美主义者,所以会注意到这种小”问题”…
在橙色条最左端弧线处,有条border-bottom漏出了那么若干pixalpixel.同样的右边也是对称的情况.
我是在Mac OS X下用Safari 4.0.1 (5530.18)看到的效果.
Google Analytics已经不是beta啦,检查要注意些噢…

Windows下:
你需要Plink这款软件,下载下来,命令行进入它的目录,下面输入:

plink your_username@somewherefree.com -D 1748

Mac OS X下:
之间打开Terminal,用系统自带的ssh客户端,输入以下命令:

ssh -D 1748 your_username@somewherefree.com

这样,你的localhost,端口1748就是一个SOCK的代理服务器了.设置你的浏览器代理服务器选项即可.

注意:

1. 这是一个SOCK代理服务器,不是常用的HTTP服务器.
2. 端口1748的选择我不是随意的,1748代表”你去死吧”.
3. 只想查邮件,又怕麻烦的同学不如到我机器上来查吧.我想没有Google阅读器你们一样能活着,不像我…
4. 你知道最简单的办法么?只需要把DNS设置成OpenDNS就可以了…208.67.220.220和208.67.222.222,也许这次事件不是GFW,只是个不凑巧的DNS故障?