第一段：

<div class="a">
   <div class="b">
       <div class="c">
          ...
       </div> 
   </div>
</div>

对应的css写法：

.a{}
.a .b{}
.a .b .c{}

第二段：

<div class="a">
   <div class="a_b">
       <div class="a_b_c">
          ...
       </div> 
   </div>
</div>

对应的css写法：

.a{}
.a_b{}
.a_b_c{}

有什么区别呢？很明显第二种的HTML写法会冗余一点，但是CSS的写法就没那么复杂的选择结构了。在小型项目中，这两个基本上没什么区别的。但是在大型项目中就不一样了：

1、第一种写法适合局部排版

2、第二种写法适合全局公用模板

为什么呢？

第一种写法里面，由于名字复杂度低，很可能页面的其他位置存在与该结构内某个元素一样的命名（如该段代码有一个b类的div，整个页面却也有一个b的类名,在第二种写法里面极少可能出现这种情况）外层样式较易干扰内层样式(只要选择器复杂度一致即可干扰，如上结构外假如有一个.d,那么选择器”.d .b”会干扰”.a .b”)，当然第一种写法明显HTML就没有那么臃肿了。

第二种写法里面，对于每个css选择器优先级都是最低的，但是类名却是可以保证极高程度的唯一性。

• 好处是：公用样式高度独立，受外部样式的干扰较难；而且由于优先级低，可以灵活更改特定元素的样式而不需考虑优先级限制的问题。非常适合用作公用模板。
• 坏处是：html会变得异常冗余，假如用于公用模板，也就是说很多地方都会用到，对于大型项目来说，公用模板增加大小的话会导致多处地方代码量变大，带宽成本变高。

那最后可以总结一点，页面编写的时候两种方法都应该用上，公用模板用第二种写法，第一种方法适用于公用性较低的地方。

以上观点由小JOE总结，不一定准确，欢迎讨论。

• 2009-09-29 -- 我的在线简历第000000001版
• 2009-09-23 -- 兼容ie6的元素位置fixed的方法
• 2009-02-15 -- 教你用mootools1.2写个简单提示特效！
• 2008-11-07 -- 零基础学会建立一个简单化妆品网站—前台设计篇2[HTML+CSS化]
• 2008-09-25 -- 在网页中嵌入css的三种方法

一.工作方面

可以确定的是在某公司的工作没有我预想中的轻松，压力倒是有我预想中的大，要加班是常识。工作那么一段日子我总结了一些点：

1. 需求永远做不完。我有一个有任务就得马上做完的习惯，这种习惯不一定是好的；
2. 区分好重要的事情跟紧急的事情。先把紧急的事情做了，然后做重要的事情，再做没那么重要的事情。
3. 我不是盲目在工作，我有推却的权利。临时需求或者联调，可以先估计工作量（估计工作量倒是未解决的问题），量大的话可以找开发pm重新排期。
4. 我们是一个团队，团队工作有所规范，每人都得遵循。不能走极端，因为不是我一个人在工作，我某项需求的后续联调有可能是别的同事来做，所以开始就要写好代码结构，书写符合团队规范的代码，为了让后续跟紧的时候自己好，别人也好。
5. 写代码的时候要有一种迭代思想。由于要照顾海量级的用户，一点小错误都是大问题，css样式没处理好的话会发生相互干扰，因此需要迭代开发，让原本正常的页面在旧版本里头继续正常运行。
6. 要继续加强沟通能力。这是一个大问题，再强的技术在错误的沟通上都是徒劳！没沟通没效率，跟产品经理沟通好会让事情变得顺利，往往有时不是我们写的代码不对，而是产品经理的临时需求明细变更，先确定好一些可能他们了解不到的细节再动手去做，后续就更有效率或者有问题的时候也不是出于自己身上。要多想要多问，“不知羞耻”地问，问了可能不知道，不问完全不知道。
7. 没必要把小事情想复杂。这是我一直以来都存在的一个问题，对工作中的挫折太敏感，有些事情要及时抛开，不然压力就油然而生了。

工作的事情还有很多要总结，可能现在一时没想到，以后再补充吧。

二.生活方面

深圳的生活让我感受到前所未有的都市压迫感，美女特别多，但是都是过眼云烟，人都是路过的，只有那几位吃饭的朋友是一直在我眼球上划来划去。这是一个不值得赞扬的都市，但是来了这些日子还是多多少少有点适应它了。

1. 不要认为自己在什么公司就很好，回归现实，我并没有比任何人得到额外的照顾。下班的时候潜意识的把工牌放回到包包里面，首先是为了标识自己已经下班了，其次就是不把工作带进自己的仅有的一点生活时空。
2. 天灾人祸管不着，班车迟到，我没办法。非己之过，无需自责；是己之过，马上承认并加之警醒。
3. 话少误事，话多坏事。能力越大，人越出众，树大招风，不能答应没把握的事情，虽说可以挑战，但是要考虑成效；没把握的承诺不应该许下，应该三思，假若不小心承诺了，就该竭尽全力。
4. 工作场合随声附和尚可，工作之余见风使舵就是磨灭人性。我坚持一个原则，工作外的事情以人性最真的态度对待，保持天真的想法，忘记本性的人最可拍！
5. 考虑长远，多注重健康。

暂时也就总结那么多吧！

有同学可能觉得我最近技术文章不多，实在是有点抱歉啦，以后会更新的。

• 2009-05-16 -- 之前做的一个全ajax，双语小型工作室整站
• 2010-06-10 -- 《夏天协奏曲》死了也要飞回来
• 2009-09-25 -- 你够不够“网络化”？
• 2008-08-11 -- (转)全局变量和 WordPress 主循环
• 2008-11-25 -- 一个1px*1px的透明png字符图片

很小很小的小时候，我早上睁开眼睛，然后用手捂住左眼或者右眼，发现世界会变成一半，于是就觉得我可以控制世界的大小。

然后我就总是在那里想，这个世界会不会只有我家一户人，然后其他人和东西都是我想像出来的呢？那我家就是这个世界的主人啦。

小时候，我那世界是可爱的。

因为那时候爸妈一出门就是很多天，所以每次爸妈出外工作回来我就会很欢乐，然后每次爸妈瞒着我出去工作，第二天发现他们不在的时候我就会很懊恼不已。

不过我有位调皮的老妈，每次她要出外工作的时候，那个早上她就偷偷趁我还在睡觉的时候往我枕头边放下十块钱。她总是那样的偷偷地重复着做这个事情，为了不让老爸知道，她总会叮嘱我“爸爸问你我有没有给钱你的时候，你记得要说没有哈！”当然我也非常配合她，因为我还是比较喜欢钱的。

于是，小时候的我算是比较富裕的，因为十块钱的钞票对于一个小孩来说是一笔巨额。

那段时间估计是人生中最无忧最快乐的时光，我家爸妈相处得很和洽，周围的家庭却很奇怪，丈夫跟妻子总是那么得不和睦，经常会发现某些夫妇会吵架。

我很幸运，老爸其实年轻的时候应该是比较帅的人，老妈虽然个子很小，但是老爸却是个好人，两人从来就不吵架，家里虽然不是有钱，但是钱的问题从来都不会影响到良好的家庭气氛。加之，我还有一个永远都把好东西留给我的亲生哥哥。

所以在这种环境下，我并没有留下什么不好的童年阴影。

但也因为如此，我养成了一种不珍惜钱、生在福中不知福的习惯。这也是我 现在经常跟朋友说“奢侈不代表有钱”、还有就是一遇到挫折就把挫折放大的原因吧。

家里面我年纪最小，家人总是那么纵容我，把好吃的，好用的东西都留给我。我从来就没有在买学习用品的钱上节省过，还好我不是那种贪玩的小孩，不然的话会不堪设想。

从小就爱读书，学习成绩一直都很好，在住的村子里我读书好总是家喻户晓的，因为那时读书好的小孩没多少个。

那时简直就是名利双收，那时的世界是完美的，完全没有什么可以令人怨恨。

直到那年上初二，疼爱我最多的奶奶去世时，我才发现，这个世界根本就不属于任何一个人，在世界面前人是多么的无能。

我那世界开始慢慢变大，越来越不可爱。

初三那年，爸妈换了别的谋生方式，需要常年不回家；哥哥上高中没在家；奶奶去世了。家里面就剩下我一个人，我一个人在一间空屋里面足足住了一年，吃饭的时候还是到亲戚家蹭的。

有一段时间养了一只小狗，很可爱，但是有一天我放学回家发现小狗躺地上一动不动，原来是捉住了吃了老鼠药的老鼠，它把那老鼠吃了，然后毒死了自己，就死掉了。

我一直看着它，喂它喝盐水，因为小学的时候我家养了个小猫也是因为吃到老鼠药快死的时候，奶奶就会开点盐水喂它喝。

但是那时怎么给那小狗喝盐水都没用，哭了半天。。。

还好，我还算是个比较坚强的家伙。一个人的时候我总是独乐乐，因为有电脑，可以玩游戏。

初三的那段时间，我记得最清楚的事是，班上有一位漂亮的女生，那时候不知道为什么，中午午休的时候（我们那初中中午会集体睡觉的）那位女生总是喜欢把头趴在桌子上面，脸朝着我，一直看我，等到我发现她在看我的时候，她就微笑。那时我无知，不知道人家是什么意思，她看着我，我就看着她，看着看着就睡着了。。。

后来，不知道为什么那女生就发动班里面的同学排挤我，因为她知名度高，很多学生跟她一起玩，于是我被“雪藏”了。还好那时有一帮经常一起玩的同学，不然我就寂寞死了。

好不容易过了初中，我到高中的时候，世界就变得更不可爱了。

高一的时候成绩不再是班里面的前茅，住宿舍，要独立。-______-!个子小被欺负，真的是被欺负，说起来就奇怪，上高一的时候，有个女生出黑板报，那个女生挺可爱和漂亮的，她缺人手，知道我有时会画画，就拿了个粉笔跑过来跟我讲话，我忘了那时她讲什么，反正就是叫我帮忙吧。然后杯具就发生了，我不知道是害羞还是什么的，笑了笑接受了，随口说了一句话（忘了是啥），估计那时候我的表情是十分猥琐和淫荡的，旁边有个男生就不爽了。我无奈的，他后来分到跟我同一个宿舍住，那家伙有一帮“兄弟”（后来因为在学校赌钱被处分了），我那高一过得担惊受怕啊。

还好我还是个上进的人，高二的时候我成绩还不错，高二的生活还好，到高三的时候我去了尖子班，那时候因为高考的原因认识了一帮“战友”，感情特别好。

很遗憾那时运气不好，到高考的时候，考最后一门的前一天我跑去校医室开了个安眠药吃了，到第二天考试（当然不是睡过头），头脑晕晕的，考完试时间到的时候发现答题卡没填！那时简直就是想着天都要塌下来了，一直在那里苦苦哀求那个监考老师让我填上答题卡，但是最终还是不行。于是我把手中的铅笔一手掰断，留了一句“都没人性的！”就走了，当然是哭着走的，老师还扶着我。

那时真的好惨，回到家里面，爸妈听到这个消息很害怕我想不开，吃饭的时候有两三位亲戚也来了，老爸老妈总说：“没关系啦，没关系啦”，我就在那哭，后来蹦出一句“我怕对不起你们啊”。刚说完不久，爸爸哭了，他真的哭了，我从小到大没见他哭过，他哭着说：“一家人说什么对不起啊！”我那时呆了，真的呆了。。。马上扒了一口饭说，一大串眼泪哇啦哇啦的，然后说：“老爸没事，我没事。”然后拼命夹菜。。。

那段时间后足足三天我没睡觉。

那后来只能去复读了，高四那年也是挺悲哀的，本来复读就不多人，我一个人个子不高还坐在教室的最后面，还好那时有位好朋友也一起复读，别的同学也对我很好。不过有个周末我回家，老妈说她右眼很痛很早就睡觉了，第二天起来她跟我说她右眼估计要失明了，我那时候简直就是晴天霹雳。后来才知道原来老妈那时有沙子进眼睛，然后去看医生的时候，那个王八蛋医生、庸医把老妈的眼睛搞坏了！

我那时好愤怒，老妈是大家公认的好人，上天就不应该让老妈只能看到这个世界的一半！我又怒又伤心。

那天回学校晚修的时候，自习的时候，很静，我突然想起这个事情，就不由自主地用手捂住右眼，就在那想，老妈就只能看到这么一小边的世界，于是又哇啦哇啦的哭了。有位女生看到也就站在我身边，一直不说话。

那时我那世界简直就是一个杯具！

到现在我还会有时捂住右眼，一种无可奈何地想法。就是不由自主地会这么想。

终于皇天不负有心人，我两年高考都报考了广东外语外贸大学，最后考上了。那年知道被录取了的时候，全家人简直就像重生了一样，老爸把亲戚都请来吃饭！那一刻多美好啊！

大学前的那段时光就这样就过了，因为经历的还算比较另类和坎坷，但是我倒是养成了一种看似懵懂实际感性的性格。

四年大学估计我给同学们留下的就是玩世不恭、生活无忧、前途无忧、有点上进但生活奢侈的印象。

但是我想告诉大家：小JOE家不是有钱人家，不要误解我，我被误解太多了。

我的世界远远没有你们想象中的那么一帆风顺！

• 2008-12-14 -- Elize!强烈推荐这位天才歌手唱的歌！
• 2009-02-17 -- 各类电脑文档手册
• 2008-08-11 -- (转)全局变量和 WordPress 主循环
• 2008-08-10 -- WP一个功能的实现：关于摘要跟分页的功能实现(1)
• 2008-09-25 -- 在网页中嵌入css的三种方法

哎呀！原因灰常简单。据透露，俺现在不是一名学生，而是一名朝九晚九上班的挨踢人士，生活刚从无忧的学生时期跳到忙碌的工作时期，开始要为事业拼搏啦（可以的话，还想为女人拼搏[注：该对白儿童不宜，且表明博主20多年来依然单身]）。

因此！租个房子是必要的。放图！

厅

首先是客厅，细心的朋友会发现那个沙发上面有个补丁，因为烂掉了。房东房间空了一段时间，沙化上面挺多尘的，这是晚上用手机拍的，所以看不到灰尘。

还是厅

厅中间有个方桌，旁边本来是放电视机的，但是房东没留给我们。囧rz…..

往里面一点

往里面走，就是三个房门，最小的房的门照片里面刚好没拍到，往左边朝的那房就是我的，是中大，不大不小。

到我房间啦，这是床

进到我的房间，在房门旁边就是床，床垫、枕头当然是我自己买的啦。那个斗地主的“农民”抱枕是我在腾讯的image形象专卖店买的。

以前同学帮我配的电脑&现在的桌子

然后就是书桌和电脑啦，我觉得那个桌子挺好的。公仔是公司培训的时候赚来的。

来个正面的

这个是正面，是不是有点气氛？

虽然还是挺普通的，但是由于某些原因我从初中开始就没有拥有过自己独立的房间，对于我来说挺满足的啦。

费用大概是：（1200+水电物业200左右）/每月，就住在深圳南山区，好贵的房租啊！等我赚到钱或者中了彩票，然后没地方花的时候我也买一套这样的房子！

最后放一张我工作地点的照片。

双显示器

很多人问我是不是用的两台电脑，其实不是的，只是双屏开发而已（两个显示器）。我座位暂时还没什么摆设，看起来还是挺单一的，以后有摆设就再放照片。有些员工摆设得很夸张的。

饮料全是能喝的

某同事（希望他看到，不要打我）的摆设，简直就是饮料小卖部。有人会问饮料哪来的？其实我所在的公司每天晚上到一定时间就会有人推小车送免费的面包和饮料过来。我那同事不太喝饮料就全部摆设起来，结果好像小卖部一样。

好啦，发完照片啦，下回再发。

• 2009-12-20 -- 有人请吃Buffet，我都记得

毕业就像是有时我们弄丢了什么，却不知道弄丢的是什么，惊惶、伤感、迷茫却带有些许期待。

人生就是一个个阶段的交替，酝酿已久的离别只是为了一个崭新的开始，但是……毕业能不伤悲么？我跟你说，我们真的要毕业了！

随记一

入学的时候我在朋友的帮助下终于在广外找到了自己另一片天地，那时候宿舍在7楼的最边边的房间。刚来的时候，同宿舍的几位室友互相敬畏，彬彬有礼，我还记得那位跟我睡左边床的同学的妈妈还交代我们说以后要多照顾她的孩子。现在想起来，假如能回到当时，我还是会说：“没问题！”，只不过这时的“没问题”情意更重。当时一开始同学间的感情不深，现在同学间的友情我都没办法用语言表达了。

到现在，一位叫啊东室友还时常跟我开玩笑说：“好！啊JOE帮我洗衣服”“为什么！？找死？”“因为大学里面跟你一起住307宿舍的只有一个人叫啊东而已！…….”。真的，每位同学都是这个世界上仅有的一个，每个人都有自己的特色。在毕业时，我能不分外区别他们么？

想一下，以后每天照镜子的时候，我不能像以前那样跟啊东开玩笑的时候，心理就来酸。“要是我长高一点，我会很帅的！”“我靠，我那么帅的！”“厕所好臭啊，快点冲厕所！”这些话能理解的人没多少，宿舍几个人一起住，我也只会跟啊东说这个，他也会每次都笑着回答我的话。想一下，毕业了，我以后跟谁说啊？！

人的命运不是注定的，但是缘分倒是像是冥冥中自有安排。我不会怨恨毕业，也不会因为上天给我的一切而感谢上天；我会珍爱身边的一切。毕业的不单是我，还有我身边的一切。毕业不可怕，可怕是不愿意接受毕业。

随记二

记得是这样的：

1. “喂~？在哪个教室上课啊！？”
2. “喂~？下午的课你去么？”
3. “喂~？去哪里吃饭啊？”
4. “喂~？要买什么东西啊？我在超市。”
5. “喂~？你在哪里啊？该不会在图书馆那么变态吧！？”
6. “喂~？考试有料么？”
7. “喂~？你去怎么没来考试？”
8. “喂~？”
9. “喂~？”

然后是这样的：

1. “我也不知道啊，打电话给啊鱼，她知道！”
2. “我也不知道啊，你去我就去吧！”
3. “我也不知道啊，反正不要去二饭！要不回宿舍叫Q记外卖吧”
4. “我也不知道啊，你要买什么？不要问我要买什么，我知道你是因为不知道买什么才打电话给我的！”
5. “我也不知道啊，神经病！谁会去图书馆！”
6. “我也不知道啊，这种事情，肯定要问女生那边啊！”
7. “我也不知道啊，我看越狱看得太兴奋，忘记时间了！”
8. “我终于知道了，我要毕业了。”
9. “你拨打的短号是空号。”

一起上课、一起逃课、一起吃饭、一起买东西、一起复习、一起考试……很多事情我们都愿意一起做，唯独有一件事都不愿意做——一起毕业。毕业时，我们仿佛丢了谁似的，平时说好想毕业的人到后来也因一丝的触动而拒绝毕业。我们心灵都是弱小的，或者说是强大的，强大得不允许毕业夺走我们身边的每一个人。

我们不是被迫的，我们珍惜大学时光里发生的一切。我们会带走这里的一切而毕业。

世外桃源般的生活完了！格林童话般的结局过了！但澎湃激动的人生开始了！

我将化作茫茫人海中的一员，却会为你留下永不磨灭的丹心一片。

我亲爱的师弟师妹啊！我即将淡出你们视线，我舍不得你们，舍不得那一起吹水的欢乐；舍不得那一起游戏时的喧哗；舍不得那一起探讨人生的庄严。师兄要毕业了，没给你们留下什么，也不能奢求得到你们的什么，当你们开着QQ，看见一个人永远不改Q名、永远不换头像、永远不隐身，此刻还知道那人是位矮矮的不怎么帅气的师兄，还依稀可以记得他的样子，我就心满意足了。

毕业那天，我们还是你们师兄师姐，而且还是一辈子的朋友，愿师弟师妹们：学业进步，大学快乐！

我亲爱的大学同学啊！即使我们一起大学毕业了，但人生的长途有你和我，我们将在遥远的未来再次一起毕业，我们能一起做的事情还多着啊！

毕业那天，我们一起敬业！愿同窗四年的同学：前程似锦，一切顺利！

后记

突然记得军训时，队站的时候，我站在全班最高的男同学旁边，突然说了一句话——“对不起！长官，这里形成了强烈的对比，我想换个站的位置！”

才发现，这里有过童真的我，我在这里成长，而我这次真的要换个站的位置了。 ——我们真的要毕业了。

• 2009-02-16 -- 2009年我的個人部落格 新年期許？
• 2009-07-19 -- 第一天上班报告
• 2008-08-29 -- 决定做一个图片收集专页！10G垃圾空间不用光他就亏大了！
• 2008-08-09 -- CSS样式，关于兼容IE和FireFox透明的DIV设置
• 2008-12-30 -- 最近考试，加上又接了一个项目，博客更新可能有点慢！

先看效果截图：（暂仅在chrome或safari5中有完整效果）

在线测试地址：http://xiebiji.com/works/mac_style/

源码打包：http://css3mac.googlecode.com/files/mac_style.rar

说明：

本实例源码中应用的图片只有苹果官方的壁纸一张。其余图标，包括我个人首页的小logo，都无应用到图片（也没有用到datauri）而是直接用css3绘制出来的,创作本实例目的是本人为了加深对一些css3属性的理解。（有人会说还不如直接做成图片，我不反对）。

创作本实例过程中，可以看出，css3可以做到一些我们以往没想过事情，例如“文件夹”图标的绘制。当然css3还有很多别的更强悍的应用，本实例只是列举一些简单的。

涉及到的属性：

• 圆角属性：border-radius，这是一个很有用的属性，但是他是不是只能做那种传统的变直角为圆角的应用呢？显然不是的，这个属性可以针对某个角来微调圆角弧度，如：border-bottom-left-radius: 600px 500px;两个数值可以任意调整使圆角达到很神奇的状态，实例中的“文件夹”就是这么调出来的。
  
  圆角配合其他属性可以做出很强悍的效果，如化方型为圆型或者椭圆形。
• 盒阴影：box-shadow，实例中用了非常多的属性之一。语法：box-shadow:0 0 5px #999 第一个参数为x方向偏移，第二个参数为y方向偏移，第三个参数为阴影幅度（越大范围越广越模糊），第四个参数是阴影颜色，当然它还有别的参数（如inset之类），这里不多说，而正因为颜色可调，盒阴影可做发光效果。
• 文字阴影：text-shadow,字体阴影属姓。
  
  语法跟盒阴影相似。
• 线性渐变效果：-webkit-gradient(linear, …) ，这是一个非常强大的属性，用法如：background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#000))渐变有多大用处，相信学过设计的人都知道，这个属性可以处理不懂方向的线性渐变，实例中twitter图标
  
  就是靠他来完成效果的。
• 径向渐变：-webkit-gradient(radial,…)，跟线性渐变差不多，但是径向渐变更为复杂，用法：background-image:-webkit-gradient(radial, 45 45, 2, 45 30, 33, from(#d9d9d9), to(#fff))，非常灵活，实例中“m”图标
  
  就是靠它来实现光影效果的。
• 倒影：box-reflect，实例中在仿做mac的dock菜单的时候，会用到这个属性，这个属性的效果是使指定目标在四个方向中的任意一个方向产生阴影，配合线性渐变后的语法：-webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)))，
  
  该属性可以设置左右方向，对称图形的绘制只有有了他，就只需要画一边。
• 变形：transform，依靠这个属性，可以对目标对象进行变形操作，如：-webkit-transform: rotate(-20deg)，改变角度；-webkit-transform: scale(1.2)，改变比例；等等
• 动画属性:transition,利用这个可以实现一些简单动画效果，如：-webkit-transition:opacity 0.15s linear;一般配合伪类使用。当然对于动画，还有一个属性animation（如：-webkit-animation: ‘jump’ 0.5s alternate 15）但是我感觉用起来效果还是不算太好。
• 半透明颜色：rgba(0,0,0,0.5)这是一个很方便的颜色属性，可以在用到颜色代码的地方用这个来代替，跟普通颜色属性不一样，这个可以设置透明度，非常好用。
• 盒模型转换属性：box-sizing,依靠这个属性可以改变盒模型的解释。

所涉及的伪类或选择符：

• :after和:before伪类，这两个伪类可以在指定目标元素的后面或者前面添加新的元素，依靠这个属性我可以给某个元素添加装饰，如加高光，亮线之类的，本实例中极大范围的使用了这两个伪类。
• :hover,这个就不说了。
• :target,意为：目标元素成为当前激活的锚点对象时。依靠这个伪类配合其他伪类可以做出一些奇特的交互效果（如.e:target:hover，意为：元素是当前指向的锚点元素时，同时鼠标移到上面的时候）。
• “>”,子元素选择符，跟空格不一样，“>”不会产生隔代相传的效果。
• “+”，相邻元素的下一个元素选择符，实例上方的菜单栏应用了这个选择符。遗憾的是css3中还是没有选择上一个相邻元素的选择符。

特殊的配合：

• border相邻交界处倾斜原理，当宽和高都设置为0的时候，把border设定为一定的宽度，赋予四边不同的颜色，会有如图效果：
  
  那假如把某些边调整为透明色，会得到斜边三角形，要是再配合圆角会得到更复杂的效果。
• 伪类之间可以相互引用，如:target:hover。
• 假如文字颜色定义为透明，那么设置text-shadow属性可以实现文字模糊效果。

体会：

实例只是运用了css3的部分属性，更多属性正在研究中。简单的几个属性配合在一起可以做出一些复杂的效果，css3果然强大！

待续…

本文为原创文章，首发于:http://xiebiji.com/2010/06/css3_mac/ 转载请注明作者：Joe Zhou  有错之处恳请指出。

• 2010-05-07 -- 这回冲动了！换笔记本电脑
• 2010-01-10 -- [自制]Wordpress 2.9 White-Html5 Theme 1.0主题（双）上线
• 2009-08-09 -- 尝试一下用自动铅笔临摹，果然不同难度
• 2009-08-07 -- 每天临摹练习，我不信画不好

ie用户在本站看到的效果比高端浏览器用户看到的效果是相差甚远的，为表示歉意，我特地做了以下提示页：[ie用户的富士康深情一跳]

ie用户提示页

当然也不是说ie就不是高端浏览器啦，ie9还是灰常强大的。

以下是demo: 点击这里

ie用户可直接访问http://xiebiji.com就会有提示啦。

• 2009-12-01 -- ie和firefox中的事件处理
• 2009-07-27 -- 再发现一种css hack方法
• 2008-12-18 -- IE ajax 未知运行错误!解决方法！
• 2008-11-25 -- if IE html里面的条件控制语句
• 2008-11-16 -- 兼容FF和IE的html传递参数给swf的方法

不经意在迅雷上面看到这部片子《夏天协奏曲》，花了时间看完了，还真有一种让人说不出来的感觉。剧情是这样的（以下剧透）：

后续的就不说了。

整个故事非常唯美但是又很伤悲，有一点实在让人难受，就是女生死前自己想好了Email给男生发，但是男生又不知道她已经过世了，还一直懵懂地等她回来，但是她其实早就回来了，只不过此刻的她已经只是一块墓碑。女生自己没办法履行下一个夏天就回来的承诺就让自己的双胞胎妹妹来履行，她也不想男生知道自己已经死了。

哎~~~~~只能说天意弄人啊~！一句“夏天飞回来”蕴含多少情意啊。

勇敢去爱！牺牲一切去爱一个人，是很幸福的…

• 2009-04-14 -- 奇思妙想？？
• 2009-02-25 -- [转载]推荐3个网页设计在线配色网站
• 2008-11-07 -- 超推荐一部香港连续剧-《与敌同行》
• 2008-08-18 -- 极端推荐动漫《反逆的鲁路修》，附送R2主题音乐
• 2009-08-20 -- 为了喜欢的游戏我又奢侈了1600rmb

在获取鼠标所在位置坐标的时候，针对ie需要用到document.body.scrollTop属性，但是在以下情况下，document.body.scrollTop始终为0，如果顶部申明:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"

document.body.scrollTop 要改成: document.documentElement.scrollTop

2.chrome中不想textarea文本框大小可拖拉变换大小？

给textarea加以下css属性：

textarea{resize:none}

不要问我有什么用，有这个属性自然有其发生作用的时候。

• 2009-09-28 -- DOM树里面某个元素各个位置属性的图文描述

一说到六一儿童节，我就想起了关于梦想的问题。

然后要说梦想，就要说到目标。

腾讯实习完的那时候我要给部门老大做实习报告，那时候我就反客为主问了个问题：“工作是枯燥的，那你是怎么保持对工作的热情的？”然后那位老大就跟我说：“不断给自己制定目标——阶段性的目标，那么你就有动力去做，就有热情了。”（大概意思吧）

是的，小学的时候以考上好的初中为目标，初中的时候以考上好的高中为目标，高中的时候以考上好的大学为目标。其实在不同人眼里面目标的大小有所不一样。人就是因为有了目标才会有动力活下去，假如有一天跟你说你得到了全世界，世界上没有什么会值得你去拼搏的了。

那么，你想一下，当时的你跟死了有什么区别？

那我读大学的目标是啥？一考虑到这个，我有时会不知所措，有时又浮想联翩。

为什么会不知所措？

那是因为大学前的读书日子里面帮你想问题的人很多，很多目标并不是你定的，很多时候是别人帮你定的。定好了目标，你就往那个目标去努力，很简单，一点都不复杂。但是到了大学很多事情要自己独立去想，没有人强迫你去学习，很多时候就是一种自发的学习，霎时间人就没了目标，世界慢慢开始变大，人却越来越觉得自己在变小。所以不知所措的状态经常发生在我们大学生里面，从不知所措中走出来，说来简单但是做起来又有多难？

那为什么我也会浮想联翩？

大学时光说难听一点是放纵我们青春的时代，经过9+3=12年的“他人”教育，禁锢终于被解封，思想开始放飞。我们可以想些以往不敢想的事情，做些一些以往不敢做的行为。刚接到大学录取通知的时候，我对家人说：我以后读完书要先当两年老师然后再自己创业；大一时学了一段时间设计后，我自己想：以后可以当一个平面设计师；大二时学了一个学期的程序后，我又想：以后可以当一个程序员；大三时接触到网页前端的知识时，我又在想：以后可以当一个WEB前端工程师；大四时我有幸在腾讯的校招中获得OFFER继而在里头实习了两个月后，我又在想：以后可以当一个项目经理。很多想法看起来都很渺茫，但是我却真有这样的想法。有时我也会想这些想法间会不会存在某种奇妙的关系，而这种奇妙的关系将决定了我的一生。

不知所措中的浮想联翩让我感觉到“仿佛我并没有目标又仿佛我有很多目标”，而最终结果可能恰恰是：我没达成其中一个目标。没达成一个目标，那怎么向梦想靠近？那我的梦想又是什么？

最近跟一位师弟聊天的时候，我顺口就把我的梦想说了出来，也许这种随口而出的话才是我最想说的话，我是这么说的：

我的梦想很简单，就是：还有时间、还有能力有空带家里人出来喝一下不便宜又不算非常贵的糖水。

我承认要我改变一个行业甚至是改变世界是不可能的，虽然说没尝试过谁也不知道，但是我是一个追求安逸的人。我只适合小区域的高调，而不适合大范围的抢眼。

能力多大决定了责任多大，梦想多强决定了负担多重。还是等我强了才定个强的梦想吧。

• 2008-10-31 -- JSON 在JS和PHP中的应用
• 2009-04-26 -- 情感设计师
• 2009-01-24 -- 黄金分割点，不是一般的牛！网页设计布局最简单定性思维。
• 2009-12-01 -- js事件、事件处理研究，关键字：event、传播
• 2009-12-16 -- 推荐书签

阿兰·达瓦卓玛唱的主题曲，灰常好听，极力推荐！想试听一下？打开我QQ空间，然后等几秒即可。

God Eater 音乐篇 – 歌♪
Part.1 OPED

主题曲

Over The Clouds – Alan 点此下载♪

片尾曲

My Life – Alan 点此下载♪

God Eater 音乐篇 – 乐♪
Part.2 BGM

BGM下载试听 （BGM游戏版本）

游戏内导出BGM打包起来提供大家下载，喜欢滴朋友可以尝鲜试听，制作方在音乐方面绝对不是敷衍玩家的、由于是游戏内导出数据，所以和一般的导出BGM一样，都只有一段并且到后面会有不协调的循环点。如果你喜欢这些BGM，推荐你下载下面的Full版BGM，FullBGM是完整的所以不存在上面的问题噢!

点此查看BGM列表

类型：Game Sound Track(GST)
格式：MP3
码率：128k

下载

RF网盘下载 纳米盘暂无

Full BGM 下载试听（独家的11首完整版BGM噢）

完整BGM，如果你在听上一个GST版中感觉总是意犹未尽，但又不能完整的听完整首。那么你应该赶快来下载这个，精心制作完整版BGM噢。独家提供，一定满足你的听觉~

类型：Full Sound Track
格式：MP3
码率：128k

下载

RF网盘下载 纳米盘下载

God Eater 音乐篇 – 音♪
Part.3 RING

手机铃声

Opening – Over the clouds(Ring Ver.) Opening铃音版
Ending – My life(Ring Ver.) Ending铃音版
No Way Back(Ring Ver.)

下载

RF网盘下载 纳米盘下载

• 2008-08-28 -- 娱乐也要娱出技术，MHP视频for PSP

//层叠激活
/*获取当前所有层区域*/
//定义一个存放多个区域数据的集合
var allArea=new Array();
//遍历所有存在的div
$$('#comm_area .comm_div').each(function(e){
	pushOneArea(e);//依次存数据
});
//往allArea集合中存入一个区域数据，e为$()方法得来的元素
function pushOneArea(e){
	var oneArea=new Object();//定义1个对象
	//赋予对象一些必要的数据
	oneArea.sx=e.getStyle('left').toInt();
	oneArea.ex=e.getStyle('left').toInt()+e.getStyle('width').toInt();
	oneArea.sy=e.getStyle('top').toInt();
	oneArea.ey=e.getStyle('top').toInt()+e.getStyle('height').toInt();
	oneArea.sq=e.getStyle('width').toInt()*e.getStyle('height').toInt();
	oneArea.el=e;//该对象对应的元素为传入的元素e
	allArea.push(oneArea);//追加数组元素
}
//为父层添加鼠标移动事件
$('comm_area').onmousemove=function(e){
	//初始化所有层状态
	$$('#comm_area .comm_div').setStyle('z-index',900);
	$$('#comm_area .comm_div').removeClass('focus');
	//开始激活，首先需要获取鼠标相对父层的坐标
	m=mPos(e);//获得鼠标窗口位置数据
	ol=this.parentNode.offsetLeft;//父层x方向偏移
	ot=this.parentNode.offsetTop;//父层y方向偏移
	nowX=m.X-ol;//相对的x坐标
	nowY=m.Y-ot-5;//相对的y坐标,-5是为了微调
	activeDiv(nowX,nowY);//激活
}
//激活鼠标所在位置层叠的所有div中面积最小的div(提升z-index)
function activeDiv(nowX,nowY){
	willActiveEl=null;//定义将要激活的元素
	minSq=null;//定义最小面积
	for(i=0;i<allArea.length;i++){
		//找出鼠标所在位置经过的所有层
		if(allArea[i].sx<nowX&&allArea[i].ex>nowX&&allArea[i].sy<nowY&&allArea[i].ey>nowY){
			//初始化第一个为面积最小，且为将要激活的元素
			if(minSq==null){
				minSq=allArea[i].sq;
				willActiveEl=allArea[i].el;
			}
			if(allArea[i].sq<minSq)
				willActiveEl=allArea[i].el;//获得最小面积的元素标为将要激活
		}
	}
	//假如找到元素
	if(willActiveEl!=null){
		willActiveEl.setStyle('z-index',9999);
		willActiveEl.addClass('focus');
	}
}
//获取当前鼠标所在位置
function mPos(e){
	mt=false;
	try{
		if(e.mt)mt=true;
	}catch(r){}
	if(mt)return e;
	e=e || window.event;
	if(e.pageX){
		xPos=e.pageX;
		yPos=e.pageY;
	} else { 
		xPos=e.clientX+document.documentElement.scrollLeft-document.body.clientLeft;
		yPos=e.clientY+document.documentElement.scrollTop-document.body.clientTop;
	}
	this.X=xPos;
	this.Y=yPos;
	return this;
}

整个思想就是：鼠标所在的位置下面所有层叠中的DIV中面积最小的层就是要激活的层（当然这个思路还得再斟酌一下，有想法的同学欢迎发表评论） 该效果虽然引进了mootools框架，但是实际上该效果没有用到mootools一些特殊的类，用到的都是一些基本的方法（如：获取元素集、遍历之类的）。 www.flickr.com的图注评论也有做这种激活的效果，但是我不知道它是什么原理的，希望大家有更好的方法。

• 2010-01-31 -- 实际上js文件放最后是个好方案，但有更好的方案
• 2010-01-30 -- js中方法类的拟静态属性、公有属性、私有属性
• 2009-12-01 -- js事件、事件处理研究，关键字：event、传播
• 2009-08-29 -- 神奇简洁的拖动js代码
• 2009-03-10 -- 推荐一个js表单验证类，很实用

我发誓我以后不随便买这么贵的东西！

自从上次把那个屏幕太小的上网本卖了之后我就想买一个新的，加上最近实习归来，台式电脑在租的地方那，我在学校里还要呆上两个月，假如没有电脑的话我很多事情很不方便，例如看点日本动作片之类的。所以一直犹豫到今天，我终于出手了，下午到machome论坛的帖子里找到5.1劳动节促销的几款苹果笔记本，其中我看中了Macbook Pro 苹果MC374（参数）

很久之前就想买个苹果的笔记本，但是我又想笔记本有比较强悍的性能，要是买mac的话估计需要很高的价钱才可以买到比较好性能的本本，由于财政危机我只能用一定限额的人民币购买，假如我要高性能的机子，那只能放弃苹果这个高调的牌子，去买联想或者其他相对来说性能好但价格不高的本本。

这样的话我是追求性能还是追求牌子呢？最后我在想，实际上我用笔记本的机会是不会很多的，在公司在住宿的地方我都有台式电脑，而且我又基本上不打游戏，高性能的本本对于我来说意义不大。那我追求一下牌子也不过分吧，于是下午很冲动般选了这个。

然后实际上也不是乱选的，这款机器貌似性价比还算不错，唯一感觉到有点不爽的是显卡是集成的，我不是个懂硬件的人，但是我总觉得不是独立显卡就不爽。

花钱那个心疼啊，但是花了后悔也没用了。

来了，开始上图：

奇特的充电器

虽然我还是比较喜欢白色的，但是这银色也不错

苹果经典壁纸

有背光的键盘

safari浏览器在mac os里面很华丽

看自己的博客

后背的苹果会发光的

确实造工很不错。

• 2010-06-21 -- 另类运用,css3临摹苹果mac系统界面

我们每个人其实都面对着三个事实：1. 我们都在变蠢；2. 物以类聚，人以群分；3. 世界极有可能不会因为你而精彩。

这是我们生活中要经历的无法避免的三种过程，很残酷，但是却很正常。

1. 我们都在变蠢。为什么我这么认为呢？因为我认为愚蠢是相对的，任何多愚钝的人在傻瓜面前都是聪明的。整个社会的人文和科学在进步，人相对于社会是绝对的在变蠢。我们只能通过努力提升自身的能力，来适应这个社会。而且学的东西要越来越杂，一专多长估计是必然的。

2. 物以类聚，人以群分。我们生活在一个关系链中，世界不单有自己一个，其他人也是你生活的组成部分。这群人走在一起后，慢慢局部分成不同的部分向不同的方向扩散，好的会越来越好，坏的会越来越坏。现实中就是这样，优秀的人很容易会走在一起，成功在这些优秀的人里头很容易就形成一种传递效应。人际关系是多么的重要啊！

3. 世界极有可能不会因为你而精彩。这是一个看似悲观的观点，李开复写的《世界因你而精彩》我没看过，但是估计讲述的就是一个人怎样影响世界的事情。我自己感觉这太虚无缥缈了，中国到目前为止也不见得有多少个李开复，外国也不见得有多少个爱因斯坦。世界极有可能不会因为你而精彩，这是一个很客观的现实，我们有时候不能把自己地位看得太重，这样很多过错会被屏蔽，很容易让人陷入一种停滞不前的状态。

好了，无聊过后继续干活。

• 2008-08-15 -- 前几天情人节，帮一个朋友上网买了两个表
• 2009-03-01 -- 最近事情比较多，不写日志，放一个设计吧
• 2009-05-24 -- 现在是不是流行这种风格了？
• 2008-08-19 -- flash读取XML中的内容
• 2008-10-09 -- Hello Sour Sally!一个好玩的FLASH网站

最近在做一个项目其中涉及到“无限级回复”，FLEA中中有一个关于数组的辅助类：FLEA_Helper_Array，这个类里面有一个非常强大的数组处理方法：array_to_tree，这个方法可以把二维数组转换为二叉树结构。但是要怎样遍历这个方法产生的二叉树数组呢？以下是我的做法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<?php
function preTree($cat){	
    foreach ($cat as $c){
        ?>
        <p><a href="http://<?=$c['poper_site']?>"><?=$c['poper']?></a>:<?=t($c['content'])?></p>
 
        <?php if(isset($c['childrens'])){?>
        <ul>
        <?php foreach ($c['childrens'] as $s){?>
            <li><p><a href="http://<?=$s['poper_site']?>"><?=$s['poper']?></a>:<?=t($s['content'])?></p>
                <?php 
                if(isset($s['childrens'])){
                    ?><ul><li><?php
                    $this->preTree($s['childrens']);
                    ?></li></ul><?php
                }
                ?>
 
            </li>
            <?php }?>
        </ul>
        <?php }?>
    <?php 
    }
}
?>

用的是递归的方法。

• 2009-05-03 -- 让flea的FLEA_Helper_Pager类支持数组分页
• 2009-02-17 -- 各类电脑文档手册
• 2008-12-07 -- php中json_encode转数组为json字符串时的超奇怪问题。
• 2009-07-10 -- FLEA,生成图片验证码图片时总是叉叉,显示不了的问题？
• 2009-06-17 -- mootools中文实例诠释–1.2版AJAX,JSON运用

“谈一下10天培训里面你感受最深的是什么？”还记得《沟通技巧》那门课上有一个讨论题是这样的。我那时上台演讲就说这题目得换，得换成“谈一下一辈子中你感受最深的是什么？”，因为我的答案肯定是“这十天是我这辈子中感受最深的十天！”从3月7号报到开始，我的人生就发生了一次重大的改变，从来没感受过如此奇妙的感觉。感觉来源于3个方面：

一． 腾讯密集人才。来自五湖四海、各怀绝技的人才汇聚在一家酒店里培训，有本科生、研究生、博士生，都是各院校中的佼佼者，都有不同寻常的经历。我当时就已经时刻感觉到压力的存在。当然，来腾讯培训的人包括来当讲师的人都很随和，大家不会因自己能力有多强而藐视其他人。

二． 腾讯重视人才。腾讯安排在培训期间的课程我觉得非常专业，对于人才培训可谓做到极致的程度。讲师都是腾讯里有所名望的人，各有风格，讲课通俗易懂。课程内容新颖，如《拓展训练》之类的课程，让我恍然大悟地了解到团队合作的深层意义；《沟通技巧》让我感受到沟通的艺术表现，同时也让我学会沟通的一些技巧；《公司文化》让我感受到企业文化气息的重要和独特。。。。。。人才在培训中得到重视也正体现了腾讯视员工为第一财富的理念。

三． 腾讯氛围活跃。10天中我能感受到我活在一个非常活跃的集体中，人群中经常爆发出种种创意。同学们在短短的时间里面可以策划出各种有新意的表演节目，而且能顺利在晚会上表演，甚至比得上某些专业表演节目。思维的跳跃性加上效率的可观性都让我感觉到异常羡慕和感动。

这10天让我结识了一群志同道合的人，大家有着共同的素质，各有专长。这是我一生中难能可贵的财富。

这10天让我学会了一些受益终身的知识，霎时间才感觉大学四年学习知识是那么的低效。

这10天让我意识到“大平台会有大作为”的可能性。

这10天将是我一生中最难忘的10天！

• 2010-03-21 -- 一群疯了但奇妙的家伙
• 2009-11-08 -- 从开始到结束，腾讯校园招聘，凯旋归来
• 2009-09-19 -- qq的域名邮箱太方便了！

人物一号：

培训的时候班里面的人都爱这么叫“Cherry啦~~~”,因为班里面有一个叫Cherry的女孩，经常说话就像这样“不要这样啦~~~~~”，那个“啦”字尾音会拉得有点长，Cherry是一个非常开朗非常像男孩的女孩，因为样子很像动画片里面大力水手的女朋友，所以我就经常叫她噢礼佛。她只在深圳培训10天就回成都实习。

说真的还真有点舍不得，因为很多时候Cherry总爱找我一起吃饭（Cherry有一个经常跟她讲黄色笑话的男朋友，但是她不算狂野类型），其实啦~~~Cherry啦~~~~每次找我吃饭的时候我都不饿的，但是认真想一下，人家女孩子当然是找不到朋友才会找我吃饭，不当你是朋友的人怎么会经常叫你一起去吃饭？所以我尽管不饿我也陪她去吃。

前天她邀我出来吃饭的时候本想着请我吃一顿，结果很搞笑，到买单的时候，她拼命说这顿要请我，结果服务员说35块的时候，Cherry发现身上只带了30块钱，结果跟我借了5块钱请我吃饭！我乐翻啦~这人好特别，走在一起不怕她没话说，我在广州还没见过一个像这样的女孩。而且好神奇！Cherry跟我一样会晕车！因为同住一家酒店（当然不是一个房间），晚上9点多的时候下班我就Q上喊“快跑！”，一起跑下来赶班车。

还是不写那么多了，不然那些家伙又以为我对她有什么企图了，其实男女之间还有一种东西叫友谊的。希望Cherry有空回这边来啦，在成都那边就一切顺境，工作快乐~

人物二号：

涛哥是重量级&重口味人物，培训时候的三班其实很多事情都跟他有关，因为他不低调。声音洪亮，身材肥胖，要把我抱住的话，我怕我会被抱死。他这个人说话很有逻辑，俨然就是搞策划的人。从他衣着打包虽然有那么一点点猥琐，但是穿得都是名牌，还记得有一次上《礼仪》课时，他当模特被同学评价，那同学直接说“大家看涛哥，身上穿得都是名牌，但是你们都看不出，要达到这种程度是很难做得到的。”，那时我们笑了，他也笑了。

他为这个班带来了很多微笑和震撼，-________-!第一次大家一起喝酒的时候，他第一个脱衣服，我汗~胸围不知道是D级还是E级了，总之就是很大。都快让女生们羡慕了。

他那种热情的态度，我由衷的感觉到一种号召力，没有这个人有些活动是发动不起来的。涛哥是很有才的。

人生十曲九折，涛哥要保持乐观啦，那么点小事情可能让你暂时来不了公司，但是我相信在未来的日子我一定会在公司里看到你带工作牌的样子。希望涛哥身体健康，减肥成功，早日归航~

后记：

这人生嘛，就像一杯水，泼出去感觉不会回来了，朋友也一样，走的时候都说不怕啦，以后会再见面。但是实际上大家都清楚，能见面的机会其实有但是几率很少。

然而人总要往 好的一面去想，生活就该积极，所以不管到了天涯海角，我们都会再见面，离别只是为了再次见面。更何况我们都是TC的，用QQ一样可以见面。

奥特曼再次祝愿离开的朋友工作顺利，健康快乐！

• 2009-11-10 -- IE7下图片缩放失真可用-ms-interpolation-mode解决
• 2009-09-03 -- 这个女的是谁？漂亮mm大一新生入学指南授课！
• 2008-08-16 -- 想你的FLASH符合W3C标准？用swfobject.js吧！
• 2009-02-15 -- 教你用mootools1.2写个简单提示特效！
• 2008-11-04 -- 帮博友做的小LOGO

昨晚要送别一位到广州工作的腾讯同事又喝了点酒，今天周末才有点时间写一下这些天来的感想。

感触的真的很多，我这辈子从来就没试过有这样的感觉，腾讯是一个把有上进心、有抱负、有专长的年轻人聚集在一起的地方。尽管有本科生，有研究生，还有博士生，这里的人无论年龄上多大，走在一起都变得很年轻。

人生难得找到自己认为是同类的人，而且是一群同类的人。有这样同类的朋友，这辈子都不算白过了。培训期间，不管认识我的不认识我的，我都可以迎面就聊起天来，为什么？因为能进腾讯的都是自己学校里面的佼佼者，这种人不会拒绝交流。而正是因为大家都不是一般人，谁都不敢质疑谁的能力，而且当大家几个人坐下来聊起以往自己做的事情的时候，大家不会说会认为自己有多强，更多的只是对对方的羡慕和学习。这种氛围实在太好了。

人生缺的就是一种坦荡，步入职场之后每天带的都是面具，只有在自己喜欢的朋友面前才能表露出自己最真的一面。大学四年有多少人曾经喝酒后嘶声力竭地把自己真正的想法说出来的？有多少可以当场就跟喜欢的人表白的？有多少可以在异性之间谈论重口味事情的？基本上都没有！但是10天的培训后，我们的三班就有！

男的不管斯文的不斯文的，狂起来的时候都很放得开；女的温柔的不温柔的，多疯狂都会有体贴人的、温柔的时候。

那个结业晚会，即使是我看见过最重口味的晚会，但是却给我一种由心的震撼，这群人很疯狂，但是很有创意。多少在场的同学都感动得泪流满面了！？在这么短的时间准备节目，却高质量地完成了任务，这是一种凝聚力啊！情可尔坎！多么的武藤兰啊！

注意！图片中的人都不是我

这短短的10天将是我人生中最难忘的10天，这一群疯了的但是奇妙的家伙一辈子都是我的朋友。感性的话实在不会说，但是你们对我的情意，会像烙印一般永远打在我的心中。

我就是喜欢，大家都疯了，大家都很奇妙！

• 2010-03-31 -- 腾讯10天培训有感
• 2009-11-08 -- 从开始到结束，腾讯校园招聘，凯旋归来

这本书的简介我就直接引用豆瓣的啦，毕竟我还没有看完哈。

不看不知道一看吓一跳，这本是一本好书，我看了第一章的前几节就给迷住了。就我看的那几节，它把javascript的来龙去脉都说清楚了，‘浏览器大战’之类的词藻我还真第一次听说，说得挺让人感兴趣的。越看越兴奋，让我感觉到javascript甚至其他前端知识的前卫性，前端将牵起一段革命，这一点也不夸张，因为按这书说的，不同巨头公司之间一直以来都在技术革新。这让我感受到一种机遇和一种挑战。

在未来为迎合这个革命，自身增值显得相当重要，‘一专多长’maybe是所有搞前端的同学的目标。我想就算我大学快到尾声了，也不能松懈，可以说生活中的每个人都在不同程度的变蠢，是时代变迁带来的副作用，只有不断学习才可以让人减缓变蠢的程度。

时间和竞争很无情，但却让人感觉到动力的存在，我想努力学习将是永恒的主题。

• 2010-05-27 -- 多层div相互层叠激活方法（提升z-index）
• 2010-01-31 -- 实际上js文件放最后是个好方案，但有更好的方案
• 2010-01-30 -- js中方法类的拟静态属性、公有属性、私有属性
• 2009-12-01 -- js事件、事件处理研究，关键字：event、传播
• 2009-08-29 -- 神奇简洁的拖动js代码

以下有剧透成分。

故事发生在一个欧美老夫老妻的家庭，讲述一位老教授不经意在下班的车站捡到一只日本的小狗，收养了下来。小狗很喜欢那位老教授，那位老教授也很喜欢它。每天上班的时候小狗会送老教授到车站之后就自己回家，而每逢下午4点多差不多5点的时候，小狗总是跑到车站来，坐在同一个位置，等候老教授下班归来。

那段日子很温馨，那条街的人都认识这只狗。

但是有一天，老教授上班，在教学生钢琴的时候，本来很愉快，但突然因为心脏病去世了。那天那只小狗在那里等到半夜也没看见老教授，后来老教授家人把它接回去。之后小狗被转交给了老教授的女儿照顾。但是小狗却很想念老教授，自己跑了出来，因为不认识路，晚上它就呆在废弃的火车头下面休息，早上它就顺着铁路往回走，一直回到以前每天它等老教授回来那个位置，每天5点左右就在那里等，就这样足足等了10年，它等了10年。等得它都老了，走动就像个老人。

最后那个白天，老教授的妻子回来了，发现它还在等，就过去跟它说话，街道上面卖了10多年咖啡的老伯都哭了。

那天晚上，它就在等候中死去了。

整个故事里面没有一个反角，出现的人都是好人。前半段音乐很平和气氛很温馨，后半段在老人死了之后就算音乐再平和，整个场面都让人想哭。

看完后，我真说不出自己什么感觉了。

• 2009-04-26 -- 情感设计师
• 2008-11-08 -- 动画片《鲁鲁修R2》中感人的歌曲