为什么总能看见这种一年一次的，年年舒畅的问题呢？

大抵扫了很多帖子，仿佛是因为有的人觉得做技术不长久是因为身体的问题，不能像年轻人一样加班加点的熬夜；有的人考虑到结婚生子买房子买车等等一大堆烂屁眼的事情，仅仅依靠做技术无法满足他们的夙愿。

在中国，人们总是很浮躁，一切都以钱为最先衡量的标准，是的，中国人命苦，上有老下有小中间有房子两旁有大嫂，每个月还要给社会主义添砖加瓦，实在麻烦，因此在中国“钱”为万物之本是可以理解的。

回过头来，也就不难解释为何年年都可以看见这种烂屁眼的问题了。

可能有的人觉得我很粗俗，为何把这种问题形容为烂屁眼呢？呵呵，主要是因为我觉得有很多不适合做技术的人来做了技术，并且每年都要把这个问题发出来，让技术氛围因钱浮躁，所以我说它烂屁眼。

其实，如果你热爱技术，我想技术会给你带来钱，但反过来说，如果你热爱钱，技术不一定能给你带来钱，我建议你更应该去抢银行。

但凡为了什么去做什么不一定能得到什么。

呵呵，自己也不知道说了些什么，大抵自己也在烂屁眼吧。

不过，真心希望不要年年再看到这种烂屁眼的问题了，下次换一个有新意的，比如说“做技术能找到小三么”，“做技术的怎么才可以有外遇”或者是“做技术如何才可以不得痔疮”？对于这些，我会非常感兴趣阅读的。

十二生肖就像一个钟表的轮盘，在零点的时刻开始，在零点的时刻结束，每一分，每一秒，表盘上都在滴滴答答的演绎着或美好或悲伤，或惊喜或忧愁的故事。

过去的12年，是一个纯情的年代，在表盘归零的时候，恍然发现，这种纯情早以被遗弃，世界在变化，我们每一个人也在变化。

人如宝剑，少年时是随心所欲剑从心生，我们在那个年代挥舞着，挥霍着，虽然毫无章法，但也能不时画出几下凌厉的招式，但终究只是“几下”。

如今，归零时刻，我默默的磨剑，我知道了要想仗剑行天涯，必要十年磨一剑！

过去的十二年，江湖没有哥的传说；将来的十二年，江湖将会流传哥的传说。

12年，一个归零，12年，一个启始。

十二年，虎年来了。

Wordpress很早就引入了rel标准，在我们添加新链接的时候就可以看到“关系”属性。

早期某些社交类搜索引擎可根据这个标签来判断人与人之间的关系，但它对网页开发来说并无意义，值得庆幸的是随着浏览器的逐渐升级，我们可以利用CSS属性选择器以及REL来做一些有意思的功能。

这是一段带有REL属性的HTML结构。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

页面中他呈现这个样子

因为局长和小李是两个不同的阶级，所以我们应该有区分他们，我打算在小李和局长后面增加两张图片让他表现出这个样式。

过去，我们需要在两个链接标签上增加不同的class来实现这种样式，并且我们需要针对不同的样式书写不同的CSS

 .c,.b {background:url(01.png) right center no-repeat;}
 .b {background-image:url(02.png);}

<ul>
<li><a href="#" rel="civil" class="c">小李</a></li>
<li><a href="#" rel="party" class="b">局长</a></li>
</ul>

现在，我们可以利用REL属性以及属性选择器来完成这个工作。

a[rel~="civil"]{background:url(01.png) right center no-repeat;}
a[rel~="party"]{background:url(02.png) right center no-repeat;}

同时，我们的HTML结构也可以剔除那些多余的样式了。

<ul>
<li><a href="#" rel="civil">小李</a></li>
<li><a href="#" rel="party">局长</a></li>
</ul>

另外:ie6不支持属性选择器，但我们可以用JS来修复这个问题。

Luhn 算法简单的说，既从低位开始，基数位相加的和，与处理过的（将当前偶数位数字×2，若结果大于9，则将2位数字相加得到个位数，若结果小于等于9，直接记录这个值）偶数位相加的和的总和，若可被10整除，则合法，反之则不合法。

算法如下：

#!/usr/bin/perl
use strict;
use warnings;
 
#定义一个卡号
my $cardNum = "4367421590502289184";
 
sub luhnCheckNum{
	my $oddSum = 0;
	my $evenSum = 0;
	my $isOdd = 1;
	for(my $i=length($_[0])-1; $i>=0; $i--){
		my $iNum = substr($_[0],$i,1);
		if($isOdd){
			$oddSum += $iNum;
		}else{
			$iNum = $iNum*2;
			if($iNum>9){
				my @iNumArry = split(//, $iNum);
				$iNum = $iNumArry[0]+$iNumArry[1];
			}
			$evenSum += $iNum;
		}
		$isOdd = !$isOdd;
	}
	return (($evenSum + $oddSum)%10==0)
}
 
if(luhnCheckNum($cardNum)){
	print "您输入卡号合法";	
}else{
	print "您输入的卡号不合法";
}

马上就要2010年了，如果要给自己的2009做一个总结，可以用四个字来形容：“珍惜现在”。

2008年的时候我有什么呢，我有这些。

2009年，我还有这些么？不，几乎都不在了。

佛说“菩提本无树,明镜亦非台,本来无一物,何处惹尘埃”，我说是。

2009年我没有给自己留下相片的记录。也许2010年12月的时候，连博文都不会有了，如佛说，本来无一物。

2009，就这样了。

按照大部分同学的意思，语义化主要是对结构的语义，对于段落我们用P，对于结构块，我们用div，对于主标题，我们用h1，这样做可以更适合更多的客户端（页面不乱？），可以适合更多人群（让阅读器正确的读出页面，让盲人也能看），让计算机知道这里是标题是段落是列表。

那按照这样说，其实只要是把标签写正确就好，标签正确了结构就正确了，结构正确了也就语义了。

话说的没错，可我认为现在谈这种语义还为时过早，语义应该web的语义，让web页面“可以说出来”才是语义。

在html5中，有些很有意思的标签：

canvas，audio，video

section，header，footer，nav，article，aside，figure

我觉得它们更像“语义”，通过canvas，我们可以告诉程序，这里是一张图，通过audio，我们可以告诉程序，这里是一段声音。

语义化的作用是否应该认为是为了让应用程序能够理解此数据的含义，藉此可将这部分数据剥离出来，并可以通过其他的方式来使用。

让我们幻想一下当计算机读取到下面的代码时就会在早上7点叫我起床

<time>07:00</time>
<audio>我是小蜜蜂</audio>

当然你也可以不在7点起床，甚至可以用其他的歌曲而不用我是小蜜蜂飞到花从中这歌。

语义的关键还是在于可以告诉计算机这块数据我要干什么，其实这更像是我们用js读xml，并从中取出来有用的数据提供给用户，这里只是说他自动了，不需要人工再去做了。

就目前的情况来说，xhtml是不可能做到这一点的。

也有提出了RDF的东东，不过我没有弄明白这个东西怎么用，它看上去是一种xml的衍生体，并且要单独的去开发程序，估计很难得到普及。

所以现在很多文章不断的提出语义我个人觉得是太早了，太过了，这些理论的概念只能让初学者更加迷茫，我们只要做到标签写对酒可以了，现在不断谈语义不是时候，只会让人更加费解。

呵呵，期待HTML5。

最后打个广告：”web标准化交流会“，希望大家多多参与，共同促进前端的发展。

随着查H类网站力度的加大，外高桥接着封，接着查。

不容易，真的不容易。

20年弹指一挥间。20年了。我是说我的年龄，别多想。

早几年,在河南省一个地方要修飞机场,事先不给农民安排好,没有说清道理,就强迫人家搬家。那个庄的农民说,你拿根长棍子去拨树上雀儿的巢,把它搞下来,雀儿也要叫几声。邓小平你也有一个巢,我把你的巢搞烂了,你要不要叫几声?于是乎那个地方的群众布置了三道防线:第一道是小孩子,第二道是妇女,第三道是男的青壮年。到那里去测量的人都被赶走了,结果农民还是胜利了。

后来,向农民好好说清楚,给他们作了安排,他们的家还是搬了,飞机场还是修了。这样的事情不少。现在,有这样一些人,好像得了天下,就高枕无忧,可以横行霸道了。这样的人,群众反对他,打石头,打锄头,我看是该当,我最欢迎。而且有些时候,只有打才能解决问题。

共产党是要得到教训的。学生上街,工人上街,凡是有那样的事情,同志们要看作好事。成都有一百多学生要到北京请愿,一个列车上的学生在四川省广元车站就被阻止了,另外一个列车上的学生到了洛阳,没有能到北京来。我的意见,周总理的意见,是应当放到北京来,到有关部门去拜访。要允许工人罢工,允许群众示威。游行示威在宪法上是有根据的。以后修改宪法,我主张加一个罢工自由,要允许工人罢工。这样,有利于解决国家、厂长同群众的矛盾。

无非是矛盾。世界充满着矛盾。民主革命解决了同帝国主义、封建主义、官僚资本主义这一套矛盾。现在,在所有制方面同民族资本主义和小生产的矛盾也基本上解决了,别的方面的矛盾又突出出来了,新的矛盾又发生了。县委以上的干部有几十万,国家的命运就掌握在他们手里。如果不搞好,脱离群众,不是艰苦奋斗,那末,工人、农民、学生就有理由不赞成他们。我们一定要警惕,不要滋长官僚主义作风,不要形成一个脱离人民的贵族阶层。谁犯了官僚主义,不去解决群众的问题,骂群众,压群众,总是不改,群众就有理由把他革掉。我说革掉很好,应当革掉。(《毛泽东选集》第五卷,人民出版社1977年4月第1版,第313–329页)

虽然CSS3标准给我们带来了@font-face属性，但他也仅仅限于使用在“Gecko 1.9.1，Applies to Firefox 3.5, SeaMonkey 2, and Thunderbird 3 and later”

不是Type2呢？不是Firefox3.5呢？显然这并不是一个现实的解决方案，毕竟我们有90%以上的用户在使用IE。

为了解决这个问题，我们使用了sIFR框架，但是这玩意一点也不好，首先是大，其次是慢，而Cufon可以很好的代替它。

什么是 Cufon 呢？Cufon 是一个实现在网页中对文字字体进行渲染的纯 JavaScript 开源类库。

使用Cufon非常简单，只需要在页面中引入Cufon得核心文件，然后在http://cufon.shoqolate.com/generate/ 将你的字体转换为JS字体文件并引用到页面中。

接下来，就可以使用相应的Cufon API对页面中的字体进行渲染了。

那么Cufon是如何对页面字体进行渲染的呢？ 当然是VML、Canvas、SVG，因为网上已经有了相关的文章，所以我就不复制粘贴了。如果你有兴趣，可以看这里了解详细。

最后，因为Cufon是将字体以JSON格式进行编码，所以如果字体是中文的话，这个JS库会增大数倍，使用的时候一定要谨慎。

参考资料：
http://www.ibm.com/developerworks/cn/web/0911_zhuzh_cufon/
http://www.mikeindustries.com/blog/sifr/
https://developer.mozilla.org/index.php?title=en/CSS/%40font-face
http://wiki.github.com/sorccu/cufon/api

pointer-events的语法为
pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit

其中auto和none可针对所有的元素使用，其它的值只针对SVG。
（as of Firefox 3.6, only the values auto and none apply to all elements. The other values only apply to SVG and behave like auto in other XML and HTML content.）

当使用none的时候，当前节点下的所有子节点不接受event事件。反之则接受。

例如当pointer-events为none时：

#test {
    pointer-events:none;
  }
 
#test:hover {
    background: red;
}

鼠标移动到p节点上时将没有不会触发任何事件。

值为auto时：pointer-events/auto.htm

值为none时：pointer-events/none.htm

不过针对HTML元素是Firefox自己创造的新玩意。 ：）

参考：
http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty
http://hacks.mozilla.org/2009/12/pointer-events-for-html-in-firefox-3-6/
https://developer.mozilla.org/en/CSS/pointer-events

有一组数据，大概10万个左右，每一单位的值不会大于30000，要求按照由大到小的顺序不重复输出。

参考无忧cosin的方法后（多谢），整理的方法如下

//一段随机数，模拟用
var baseNum=[];
for(var i= 0;i< 100000 ;i++){
 random = Math.floor(Math.random()*i);
 baseNum.push(random);
}
var baseNumLen = baseNum.length;
var numSubscript = [];
//将数字作为下标和值放到另一数组内，实现排序和不重复
for (var i =0;i<basenumlen ;i++){
 if(numSubscript[baseNum[i]] == undefined)numSubscript[baseNum[i]]=baseNum[i];
}
//去除空的值并颠倒一下
baseNum = numSubscript.join(',').replace(/([,]+)/ig, ',').split(',').reverse();
document.write(baseNum);

题外：
假如数组是自己生成，客服果果写的这段代码就很好了。（牛逼）

var baseNum=[],tmp={},v;
for(var i= 0;i< 100000 ;i++){
        tmp[Math.floor(Math.random()*i)]=true;
};
i=0;
for (var k in tmp){
        baseNum[i++]=k;
};
baseNum.sort(fn);
function fn(x,y) {
        return x-y&gt;0?1:-1
}
document.write(baseNum.join(''));

b、可以支持方法连缀了。

c、修正opera下的笔误。

d、可支持jQuery的选择器了

下载地址：http://www.zhangjingwei.com/demo/jQuery.Select/index.html

您可以自由的使用这个插件在任何项目上。（商业、非商业）
希望您可以补充完善这个插件。

/*
 * Date Format 1.2.3
 * (c) 2007-2009 Steven Levithan
 * MIT license
 *
 * Includes enhancements by Scott Trenda
 * and Kris Kowal
 *
 * Accepts a date, a mask, or a date and a mask.
 * Returns a formatted version of the given date.
 * The date defaults to the current date/time.
 * The mask defaults to dateFormat.masks.default.
 */
 
var dateFormat = function () {
	var	token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
		timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
		timezoneClip = /[^-+\dA-Z]/g,
		pad = function (val, len) {
			val = String(val);
			len = len || 2;
			while (val.length < len) val = "0" + val; 			return val; 		}; 	// Regexes and supporting functions are cached through closure 	return function (date, mask, utc) { 		var dF = dateFormat; 		// You can't provide utc if you skip other args (use the "UTC:" mask prefix) 		if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) { 			mask = date; 			date = undefined; 		} 		// Passing date through Date applies Date.parse, if necessary 		date = date ? new Date(date) : new Date; 		if (isNaN(date)) throw SyntaxError("invalid date"); 		mask = String(dF.masks[mask] || mask || dF.masks["default"]); 		// Allow setting the utc argument via the mask 		if (mask.slice(0, 4) == "UTC:") { 			mask = mask.slice(4); 			utc = true; 		} 		var	_ = utc ? "getUTC" : "get", 			d = date[_ + "Date"](), 			D = date[_ + "Day"](), 			m = date[_ + "Month"](), 			y = date[_ + "FullYear"](), 			H = date[_ + "Hours"](), 			M = date[_ + "Minutes"](), 			s = date[_ + "Seconds"](), 			L = date[_ + "Milliseconds"](), 			o = utc ? 0 : date.getTimezoneOffset(), 			flags = { 				d:    d, 				dd:   pad(d), 				ddd:  dF.i18n.dayNames[D], 				dddd: dF.i18n.dayNames[D + 7], 				m:    m + 1, 				mm:   pad(m + 1), 				mmm:  dF.i18n.monthNames[m], 				mmmm: dF.i18n.monthNames[m + 12], 				yy:   String(y).slice(2), 				yyyy: y, 				h:    H % 12 || 12, 				hh:   pad(H % 12 || 12), 				H:    H, 				HH:   pad(H), 				M:    M, 				MM:   pad(M), 				s:    s, 				ss:   pad(s), 				l:    pad(L, 3), 				L:    pad(L > 99 ? Math.round(L / 10) : L),
				t:    H < 12 ? "a"  : "p",
				tt:   H < 12 ? "am" : "pm",
				T:    H < 12 ? "A"  : "P",
				TT:   H < 12 ? "AM" : "PM", 				Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""), 				o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
				S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
			};
 
		return mask.replace(token, function ($0) {
			return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
		});
	};
}();
 
// Some common format strings
dateFormat.masks = {
	"default":      "ddd mmm dd yyyy HH:MM:ss",
	shortDate:      "m/d/yy",
	mediumDate:     "mmm d, yyyy",
	longDate:       "mmmm d, yyyy",
	fullDate:       "dddd, mmmm d, yyyy",
	shortTime:      "h:MM TT",
	mediumTime:     "h:MM:ss TT",
	longTime:       "h:MM:ss TT Z",
	isoDate:        "yyyy-mm-dd",
	isoTime:        "HH:MM:ss",
	isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
	isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};
 
// Internationalization strings
dateFormat.i18n = {
	dayNames: [
		"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
		"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
	],
	monthNames: [
		"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
		"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
	]
};
 
// For convenience...
Date.prototype.format = function (mask, utc) {
	return dateFormat(this, mask, utc);
};

用法：

var now = new Date();
 
now.format("m/dd/yy");
// Returns, e.g., 6/09/07
 
// Can also be used as a standalone function
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
// Saturday, June 9th, 2007, 5:46:21 PM
 
// You can use one of several named masks
now.format("isoDateTime");
// 2007-06-09T17:46:21
 
// ...Or add your own
dateFormat.masks.hammerTime = 'HH:MM! "Can\'t touch this!"';
now.format("hammerTime");
// 17:46! Can't touch this!
 
// When using the standalone dateFormat function,
// you can also provide the date as a string
dateFormat("Jun 9 2007", "fullDate");
// Saturday, June 9, 2007
 
// Note that if you don't include the mask argument,
// dateFormat.masks.default is used
now.format();
// Sat Jun 09 2007 17:46:21
 
// And if you don't include the date argument,
// the current date and time is used
dateFormat();
// Sat Jun 09 2007 17:46:22
 
// You can also skip the date argument (as long as your mask doesn't
// contain any numbers), in which case the current date/time is used
dateFormat("longTime");
// 5:46:22 PM EST
 
// And finally, you can convert local time to UTC time. Either pass in
// true as an additional argument (no argument skipping allowed in this case):
dateFormat(now, "longTime", true);
now.format("longTime", true);
// Both lines return, e.g., 10:46:21 PM UTC
 
// ...Or add the prefix "UTC:" to your mask.
now.format("UTC:h:MM:ss TT Z");
// 10:46:21 PM UTC

正因为近则愈小，而且愈看见缺点和创伤，所以他就和我们一样，不是神道，不是妖怪，不是异兽。他仍然是人，不过如此。但也惟其如此，所以他是伟大的人。

战士战死了的时候，苍蝇们所首先发见的是他的缺点和伤痕〔3〕，嘬着，营营地叫着，以为得意，以为比死了的战士更英雄。但是战士已经战死了，不再来挥去他们。于是乎苍蝇们即更其营营地叫，自以为倒是不朽的声音，因为它们的完全，远在战士之上。

的确的，谁也没有发见过苍蝇们的缺点和创伤。

然而，有缺点的战士终竟是战士，完美的苍蝇也终竟不过是苍蝇。

去罢，苍蝇们！虽然生着翅子，还能营营，总不会超过战士的。你们这些虫豸们！

三月二十一日。

AA
〔１〕本篇最初发表于一九二五年三月二十四日北京《京报》附刊《民众文艺周刊》第十四号。
作者在同年四月三日《京报副刊》发表的《这是这么一个意思》中对本文曾有说明：“所谓战士者，是指中山先生和民国元年前后殉国而反受奴才们讥笑糟蹋的先烈；苍蝇则当然是指奴才们。”（见《集外集拾遗》）
〔２〕Ｓｃｈｏｐｅｎｈａｕｅｒ叔本华（１７８８—１８６０），德国哲学家，唯意志论者。这里引述的话，见他的《比喻·隐喻和寓言》一文。
===========================================================================

我补的：

〔3〕钱老上书亩产万斤，钱老与贝老联合上书推荐气功的相关论文。

能说什么呢？只好如阿Q或者疯子一样再读一遍战士和苍蝇吧。以此文来纪念两位先生并笑看这和谐的社会。