7655cjc's Blog

Prescription For Misery

2011-10-26T20:31:00.002+08:00

1.    Ingesting chemicals in an effort to alter mood or perception.

2.    Envy.

3.    Resentment.

4.    Be unreliable.

5.    To learn everything you possibly can from your own experience, minimizing what you learn vicariously from the good and bad experience of others, living and dead.

6.    To go down and stay down when you get your first, second, or third severe reverse in the battle of life.

7.    To ignore a story they told me when I was young about a rustic who said, “I wish I knew where I was going to die, and then I’d never go there.”

All these statements are from Harvard School Commencement Speech ,June 13, 1986 by Charles T. Munger

晨跑

2010-10-03T10:33:00.002+08:00

国庆放假了，两个人决定利用这几天养成经常锻炼身体的习惯。于是选择早晨去西土城公园晨跑，这里的环境很好，空气很新鲜。很喜欢在这里跑步。

说到跑步，让我想起了阿甘，很喜欢这个角色，他是真正的实干家。

2010-07-23T22:07:00.001+08:00

Twitter

128.242.245.29 twitter.com

128.242.245.29 www.twitter.com

Google docs

72.14.235.100 docs.google.com

72.14.235.100 spreadsheets.google.com

72.14.235.100 docs0.google.com

72.14.235.100 spreadsheets0.google.com

Adobe CS

127.0.0.1 activate.adobe.com

127.0.0.1 practivate.adobe.com

127.0.0.1 ereg.adobe.com

127.0.0.1 activate.wip3.adobe.com

127.0.0.1 wip3.adobe.com

127.0.0.1 3dns-3.adobe.com

127.0.0.1 3dns-2.adobe.com

127.0.0.1 adobe-dns.adobe.com

127.0.0.1 adobe-dns-2.adobe.com

127.0.0.1 adobe-dns-3.adobe.com

127.0.0.1 ereg.wip3.adobe.com

127.0.0.1 activate-sea.adobe.com

127.0.0.1 wwis-dubc1-vip60.adobe.com

127.0.0.1 activate-sjc0.adobe.com

【技术文章收藏】关于 Reset CSS

2010-05-18T16:23:00.003+08:00

Reset CSS 研究（八卦篇）
比较喜欢这篇文章，因为它的参考资料很多，都看完之后就对reset css有比较专业的了解了。

Reset CSS 研究（技术篇）

五一香山游

2010-05-04T10:07:00.003+08:00

五一，出去走一走，锻炼一下身体，大清早的起来乘车去香山，呵呵，不过总觉得还是不如那些老前辈起的早，上山的时候人家已经在下山了。刚进香山公园，觉得很漂亮，于是随手拍下一张，这棵树很有春天的感觉。

爬到一半的时候碰到一个很Happy的小孩，还跑过来推我，超级可爱，她的笑声很好听。

觉得G11拍的微距效果要好于风景和人像，这是我拍的最喜欢的一张照片，但是不知道这是什么花。

下面的是老婆大人咯，如果不是她，我一个宅男也不会来爬香山，估计家里电脑屏幕前边发呆呢，-_- 。

还有现在的我，刚刚理了头发，觉得理的不是很理想，无所谓了，对于自己的长相，没有过份的要求。

BIT运动会

2009-09-15T22:38:00.001+08:00

其实是被班长拉来参加的，我的搭档也是被拉来参加的。因为我们班就差一个项目就报满所有的项目了，所以我报了最后的没有人报名的项目“两人三足”，呵呵把两个人想念的两条腿绑一起，看哪个组能够在最短的时间内跑完全程。

不说过程，只说结果，我们和另外一个组并列第一名，其实是我们领先了0.2秒，呵呵，并列是争论的结果。

每次类似的素质活动会感觉到，信心，正确的方法，一个领导进行指导，良好的配合是赢得比赛的必要因素，为什么我会写到这些呢，是因为这些还没有在我身上形成习惯，如果形成习惯，就不会再有那么深刻的感受了吧，就像一个优秀的程序员在写代码的时候不会一直在自己大脑里浮现各种编码习惯，设计原则一样。

最后，让优秀成为一种习惯。

赢得了一个奖品，百度杯子，还不错，容量大，保温效果比较好，正需要一个这样的杯子呢。

近期的感想

2009-09-15T22:26:00.001+08:00

努力把自己的工作做到最好，最好能够严谨些，把那些属于自己的不属于自己的问题都想法解决掉，保证项目不因你的工作而失败，同时为项目做更多自己力所能及的事情。
在工作和生活中学会换位思考。
为公司做事情的同时明确的想着自己的目标，每天都要向着目标迈进。
做一个有责任感的男人，为自己，父母，将来的老婆和儿女负责。
学生系统和逻辑的去思考问题，并向别人清晰的表达自己的想法。
多去参加一些集体活动，那样人不至于每天的生活都太单调。

呵呵，写了这么多，就这么多吧，感觉越写越像在抓虾上看的文章，记住这几条，并且真正的去执行就OK了。

工作技术总结

2009-08-24T16:03:00.001+08:00

CSS&XHTML

1. 垂直剧中和水平剧中，见总结。

2. 缺少编码规范

3. IE中input type="button"或是input type="submit"中的文字不能垂直居中

解决办法:把height设置为box的height+border*2 把line-height设置成box的height就可以了

4. IE7支持position:fixed

5. 页面中出现横向滚动条时，除去查一下是不是有元素超宽，还要检查一下是不是给html设置了overflow:auto;在IE6中会出问题

6. 在<form>标签中<button>如果不写type属性，默认为submit，这种情况如果给他注册了onclick事件，就和给form注册onsubmit是平等的，导致注册的函数在输入框中点击enter都要被调用，所以还是加上type="button"注册起来比较安全。

7. 为减少体积尽量使用PNG格式的图片

http://code.google.com/speed/page-speed/docs/payload.html#CompressImages

8. 遵守编码规范

命名尽量唯一

btn-1 btn-2这种命名方式很不好，命名要有意义

9. CSS中属性的书写顺序

   1. 影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）
   2. 自身盒模型的属性（比如：width, height, margin, padding, border等）
   3. 排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）
   4. 装饰性属性（比如：color, background, opacity, cursor等）
   5. 生成内容的属性（比如：content, list-style, quotes等）

JavaScript

1. 链接点击，页面滚动

解决办法：为链接注册 DOM level 0 onclick事件 return false

2. 一个大框框，一个小框框，当“onmouseenter”小框框的时候改变大框框的className，当“onmouseleave”大框框的时候改变大框框的className，存在的问题是，大框框的里面的元素"onmouseout"事件会bubble到大框框上，所以给大框框注册onmouseout事件不能正确实现这个效果。

解决办法：给大框框注册onmouseover事件，这样只有当鼠标真正移动出大元素的时候事件

3. IE6刷新（非强制刷新）时会恢复上次的表单状态，为window.onload注册事情，在页面元素全部加载完成的进修进行统计

4. 事件代理

5. 按XHTML文档顺序获取DOM节点

6. eval(JSON)时一般使用eval('('+JSON+')') 的方式，是为什么？

Prototype evalJSON:

JQuery eval xhr response:

7. 关于使用JavaScript动态改变元素样式的调研

8. var isString = function(el){

return toString.call(el) === "[object String]";

}

//jQuery的实现方式，不过还是处理constructor被改变的情况这是目前最好的方法

9. <form>的 reset 事件是IE6中是不bubble的，在Firefox3.5 中是bubble的。

10. 对于小数据量Ajax请求，尽量使用GET方式

http://developer.yahoo.com/performance/rules.html#ajax_get

11. 遇到问题的时候，逐步注释，缩小范围，适当的考虑后端的问题

12. JS代码使用YUI深度压缩，寻求在这样的情况下没有BUG的路线

Flash

1. 获取flash object后无法访问 flash object的方法

原因：flash的安全机制

解决办法：在此地址进行设置

2. 使用JS嵌入Flash类库

暂时不研究，先使用类库

3. 使用JS获取Flash Object

// Get the Flash movie from Window in IE and Document in others

var flash = window.movie || document.movie; // Get Flash object

4. 嵌入的Flash在背景设为和网页背景颜色一样的时候，在IE6中Flash的周围仍然有白边

原因：Flash的wmode为window

解决办法：把wmode设置为transparent

5. Flash在firefox里面无法调用函数的问题

原因：Firefox只有在flash出现在可视区的时候才会渲染flash，渲染之后我们才可以调用这个flash的函数

解决办法：先在可视区创建这个flash，然后再把它定位到它应该在的位置

开始学习经济学了

2009-08-24T13:59:00.001+08:00

　经济学十大原理，Mankiw’s Principle 曼昆的原理

　　#1 People face tradeoffs
　　人们面临权衡取舍

　　#2 The cost of something is what you give up to get it
　　某种东西的成本是为了得到它所放弃的东西

　　#3 Rational people think at the margin
　　理性人考虑边际量

　　#4 People respond to incentives
　　人们会对激励做出反应

　　#5 Trade can make everyone better off
　　贸易能使每个人状况更好

　　#6 Markets are usually a good way to organize economic activity
　　市场通常是组织经济活动的一种好方法

　　#7 Governments can sometimes improve market outcomes
　　政府有时可以改善市场结果

　　#8 A country’s standard of living depends on its ability to produce goods and service
　　一国的生活水平取决于它生产物品与劳务的能力

　　#9 Prices rise when the government prints too much money
　　当政府发行了过多货币时，物价上升

　　#10 Society faces a short-run tradeoff between inflation and unemployment
　　社会面临通货膨胀与失业之间的短期权衡取舍

开始学习经济学了，想把它当成一门科学来学习，熟悉里面的词汇，规则，细节，使用学习理工科学的办法来学习，呵呵，应该差不多吧，好像不可以做实验^_^，不知道是不是研究非理工的科学是不是也很有趣。

使用的教材就是《曼昆经济学原理》

关于工作

2009-08-13T10:38:00.001+08:00

以下内容是摘自徐家俊的《华为十年感触》

工作和读书不是一回事，工作是要解决问题的，是要产生结果和输出的。不管怎么样，能找到方法解决问题、能够有好的输出结果那就是成功。读书才追求的是慢慢读，读懂为止。

一个大的复杂系统要成功的管理好，没有绝招，依靠的只是一点一滴持续不断的改进和努力。

这些事我的体会是：只要你心无旁骛，目标单纯，就是想把这个事情搞好，并且持续地、啥都不计较地、傻傻地去推动，内心无愧，一时可能会有工作失误，一时可能会得罪人，可能会有人不理解，但长远来看还是会得到公正的承认的。

其实在华为要学习管理最简单，第一要诀是向身边的人学，华为的很多管理者，修养和能力超强，在平时和他们一起工作的一点一滴中，如果你细心去观察和体会，收获实在可以不少。比如说，有一段时间，我每周参加IT部门干部例会时，大家讲得差不多了，该由领导作判断和决策、做工作安排之前，我就会猜，领导可能会做有什么判断、会做什么决策，特别是有些事情充满矛盾和冲突，需要权衡时。一开始十猜九不中，并且很多看法别人说出来之后觉得耳目一新、不胜佩服。于是就去想他为什么会这样判断和决策，背后做的功夫是什么，慢慢地自己处理类似问题的思路也比较开阔了。另外、别人在管理中犯的错误，也是自己学习的好机会，自己犯错误自己是不容易觉察的，但别人犯错误自己可以觉察，然后可以警醒自己避免类似错误。

“成功人士就是经常成功地跟自己过不去的人士”

“如果你总是抱怨别人跟你不合作的时候，问题一定是出在你自己身上。”

大概想了想，我觉得有以下几点，是这些年深有体会的经验和教训，值得今后再发扬。

　　一、“从小事做起，学会吃亏，与他人合作”，这是研究生毕业前最后一堂课，电子电路的老师最后送给我们几句话，虽然我忘了这位老师的名字，但这几句话却至今铭记。在华为的工作实践，越发感受到这简单的几条的道理深刻。从小事做起不是一直满足于做小事，也不是夸夸其谈好高骛远。学会吃亏不是忍受吃亏，是不斤斤计较于一时一地的是非得失，是有勇气关键时候的放弃。

　　二、“心有多大，舞台就有多大”，我们很多的成功，来自于敢想，敢做，就象我第一次接到问题单，根本不懂，但敢去试，敢去解决，还真的解决了；就像我们做SPES，即使没人、没技术、没积累，还有CISCO等大公司也在做，我们也敢做，敢推行，不盲目崇拜或畏惧权威，也取得了成功。当然，这不只是盲目的胆大，心大还意味着积极地关注广大的外部世界，开阔宽容的心胸接受种种新鲜事物。

　　三、“好好学习，天天向上”，这句话用来形容对IT人的要求，最贴切不过了。真正的成功者和专家都是“最不怕学习”的人，啥东西不懂，拿过来学呗。我们IT现在有个技术大牛谭博，其实他不是天生大牛，也是从外行通过学习成为超级专家的，他自己有一次跟我说，当年一开始做UNIX系统管理员时，看到＃提示符大吃一惊，因为自己用过多年在UNIX下搞开发都是％提示符，从未有过管理员权限。看看专家的当初就这水平！当年跟我做备份项目时，我让他研究一下ORALCE数据库时点回退的备份和恢复方法，他望文生义，以为数据库的回退是象人倒退走路一样的，这很有点幽默的味道了，但他天天早上起来，上班前先看一小时书，多年积累下来，现在在系统、数据库、开发等多个领域已成为没人挑战的超级专家了。但是，学习绝对不是光从书本学习，其实更重要的是从实践工作中学习，向周边学习。比如说我在华为觉得学到最重要的一个理念是“要善于利用逆境”，华为在冬天的时候没有天天强调困难，而是提出“利用冬天的机会扭转全球竞争格局”并真的取得成功，如果没有这个冬天，华为可能还要落后业界大腕更多年份；华为在被CISCO起诉时没有慌乱，而是积极应对，利用了这次起诉达到了花几亿美金可能达不到的提高知名度的效果。等等这些，把几乎是灭顶之灾的境遇反而转化为成功的有利条件，对我留下的印象十分深刻，也对公司高层十分佩服。

　　四、勇于实践，勇于犯错，善于反思。很多事情知易行难，关键是要有行动，特别是管理类的一些理论、方法、观念。空谈、空规划一点用处都没有，不如实际把它做出来，做出来后不断反思改进，实实在在最有说服力。没有实践中的反复演练和反思，即使是人人皆知的东西要做好都其实不容易，举个小例子，比如做管理者要会倾听，我想华为99.9%的管理者都很懂这一点，但实际做的如何呢？华为有多少管理者做到了不打断别人讲话？不急于下结论给定义？不急于提供解决方案？有多少管理者能够做到自然地引导对方表达？问问对方感受？确认自己明白对方？

　　五、要有方法、有套路，对问题系统思考、对解决方案有战略性的设计。在前几年的工作中，由于取得了一点成功，技术上也有了一点研究，就开始夜郎自大起来了，后来公司化重金请来了大批顾问，一开始对有些顾问还真不怎么感冒。后来几年公司规模越来越大、IT的复杂性越来越增加的情况下，逐渐理解了很多。西方公司职业化的专家，做任何事情都有方法论、有套路，甚至于如何开一个会都有很多套路，后来我对这些套路的研究有了兴趣，自己总结出了不少套路并给部门的骨干培训和讨论。在一个复杂的环境下，很多问题已经不能就事论事来研究和解决，非常需要系统性的方法和战略性的眼光。对于一个组织的运作来讲，制度和流程的设计尤其需要这一点。爱恩斯坦说过： We can‘t solve problems by using the same kind of thinking we used when we created them.

　　六、独立思考，不人云亦云。公司大了，人多了，混日子也容易了。人很容易陷入随波逐流、不深入业务的境地，而看不到问题和危险。专家有过一个研究，雪崩发生时，一般受害者都是一批一批的，很少有单个人的受害者，原因很简单，单个人在雪崩多发地会相当小心和警觉。但一个群体，群体越大，每个个体就会有一种虚幻的安全感和人云亦云的判断，但现实是不管群体的力量有多大，雪崩都是不可抵抗的。因此我觉得在大的机构里，保持独立思考的能力尤为重要。

　　七、少抱怨、少空谈、积极主动，多干实事。我曾经是个抱怨很多的愤青，经常容易陷入抱怨之中。但多年的工作使得我有所转变，因为知道了抱怨是最无济于事的。世界上永远有不完美的事情，永远有麻烦，唯一的解决之道是面对它，解决它。做实实在在的事情，改变我们不满的现状，改变我们不满的自己。实际上也有很多值得抱怨的事情都是我们自己一手搞出来的，比如社会上很常见的是高级干部退下来了，抱怨人心不古、感慨世态炎凉，如果好好去探究一下，原因很可能是他权位在手春风得意时不可一世、视他人如粪土造成的。

　　八、对职业负责、对目标负责，对自己负责，成功者往往自觉自律、信守承诺、心无旁骛。大企业肯定会有绩效考核、会有论功行赏、会有KPI、会有领导指示、甚至会有一点企业政治，但如果我们片面地追求考核成绩、片面追求KPI指标、片面追求权钱利益，片面地对上负责、对别人负责，而不对自己负责、不对自己的目标负责，失去工作的使命感、责任心、热情和好奇心，必将不能达到自己的最佳境界。而一个企业如何能够成功营造一个环境，让每个个体尽量发挥到最佳境界，企业也会战无不胜。

　　九、多点人文修养和审美情趣，看起来与工作不怎么相关，其实太相关了。杰出成就的取得离不开对美的境界的追求，最伟大的科学发现，往往蕴涵着秩序、简洁和美。缺乏一点审美的追求，什么UGLY的事情都敢做、不择手段、凡事凑合，一点都不“高雅”，必将不能长久。

　　十、“大家好，才是真的好”，关注人，帮助人，真诚待人，厚道做人。快速发展的现代社会，由于媒体的作用，过分渲染了人与人之间日益冷漠、诡诈的关系，但实际的社会、社区可能真的不是那么回事，起码我来华为之前，对一个大企业中工作的人事关系开始还有点未知的恐惧，但实际上在这个集体中的感觉几乎人人都能开放、真诚相待，关系融洽和谐。所以关键是我们自己要能够真诚对待他人，在与他人互动中将心比心。当然，工作中的冲突是不可避免的，实际上冲突也是没有必要去避免，甚至很多冲突对组织来讲，是大有益处的。就象夫妻吵一架后感情往往更好。只要我们掌握两大原则：1）对事不对人，2）与人为善。就肯定能把适度的冲突引导到对自己、对组织都有利的方向。

　　十一、开放和分享的态度，在一个高科技公司工作，如果报着保守和封闭的心态，成长肯定会受阻。

　　十二、做好时间管理。在华为工作十年，3650天，工作日3000天左右，这些时间是不是花在最重要的事情上了，有效的、有产出的工作时间究竟有多少，实在值得怀疑。时间管理是我在华为工作当中最大的教训之一，可能也是公司整体性的问题，工作缺乏计划，经常是面临不断的被打断；或者是不断去打断同事下属；或者是不断的会议、讨论，占去绝大部分的时间；或者是被自己的兴趣所牵引，花大量时间搞一些不着边际的事情；或者是花很多时间在一些细枝末节的事情上，把很难很重要的事情一直拖到非解决不可的地步然后被迫仓促行事。现在回想，如果真的能管理好这十年时间，我觉得成就应该大很多。

工作了

2009-07-23T22:06:00.001+08:00

7月8号入职，到现在刚好有半个月了，慢慢的适应了工作的生活，早晨还像在学校那样的时间起床，起来就乘地铁去上班，公司的工作环境相当宽松，中午和下午去公司附近的餐厅吃饭，没有什么不适应的。感觉就像在学校一样，起码生活节奏是一样的。

工作了，思想也就不一样了，更多的开始考虑之后的生活，给自己很多计划，计划着如何把工作做好，计划着自己以后的生活。公司的牛人很多，牛人们也都很低调，大家都很强，每一个问题都有很好的解决办法。更多的体会到了公司工作的流程化，也适应了这种流程化的工作。

适应只是适应，但是还不熟悉，所以在接下来的日子里我要多多努力，跟上大家的脚步。

我的新手机号码15210089102

2009-07-09T15:02:00.001+08:00

这是我在北京的新手机号，15210089102。
之前的号码13666239183我也会用到9月底。
欢迎大家随时联系我

总结一下这几天遇到的问题

2009-06-19T11:47:00.002+08:00

1.IE6固定定位问题

由于IE6不支持fixed所以在对IE6进行固定定位时要用hack才能达到目的,常用的hack有以下几个:

1.使用条件注释用来区分IE7 IE6 和 IE5 来分别写代码,但是这是在比较标准的网页格式下,如果网页写的不标准引起了IE 的quirks mode 问题就是另外一种了,但是可以针对所有版本的IE浏览器写一个就可以了,这样要用到IE的的盒子模型hack,对于固定定位使用的是absolute定位,在IE中用expression计算所要定位的位置,下面是我定位一个div到屏幕中间而写的代码:

2.JSON格式多一个逗号的问题。

这几天写JavaScript代码，为了偷懒，在有些JSON格式的最后多放了一个逗号，以方便再加入成员，Firefox是强大的，可以处理这种小问题，可是IE就不行了，出错了。而且还没有错误提示。害我一个一个去掉它们。

3.IE输入框不能输入文字的问题（百度上找到的，这里收藏一下，嘿嘿）

故障原因:
　　Internet Explorer或任何基于IE的浏览器打开后，所有网页的输入框中都不能输入数据，也无法选中文本框让文本框获取焦点，同时也不能选择网页上的文字。"修复恶意插件后.破坏了IE内文件"

解决办法：
　　这是由于%windir%\system32\mshtmled.dll丢失或者损坏造成的，从正常机器上拷贝该文件覆盖该文件即可，或者从安装光盘中提取该文件。
加载mshtmled.dll: 在开始-运行中输入:regsvr32 mshtmled.dll

提取方法:
首先把系统安装盘放入光驱，然后打开"命令提示符"，并输入"expand X:\i386\mshtmled.dl_ c:\windows\system32\mshtmled.dll"，其中"X:\"是光驱盘符，根据自己XP安装目录位置进行更改即可.

注意：如果是文件损坏可以无法直接进行覆盖操作，那么就需要重启到安全模式进行操作。
配置自动启动文件:msconfig

fabonacci equotion

2009-06-19T11:33:00.001+08:00

fabonacci的通项公式：

var fabonacci = function(n){
return Math.round((Math.pow((1+Math.sqrt(5)),n+1) - Math.pow((1-Math.sqrt(5)),n+1))/(Math.pow(2,n+1)*Math.sqrt(5)));
}

公式是从组合数学的课本上抄过来的，数学真是一个比较好玩的东西，很多东西可以通过它的处理就可以变得的简单.

不过JavaScript真的是不适合作精确计算，这样的计算就要用Math.round来调整

css: absmiddle

2009-06-19T11:32:00.001+08:00

If you set the align attribute of the <img> tag to absmiddle, the browser will fit the absolute middle of the image to the absolute middle of the current line. This is different from the common middle and center options, which align the middle of the image with the baseline of the current line of text (the bottom of the characters). Though Netscape and Opera do not distinguish absmiddle from middle alignments, Firefox and Internet Explorer use it to differentially align images from their middle valuesin other words, Firefox and Internet Explorer's absmiddle alignment is the same as Netscape's middle.

JavaScript the valueOf method and toString method

2009-06-19T11:31:00.001+08:00

The valueOf is used to convert an object to the most suitable primitive value while the toString method is used to convert an object to the most suitable character string.

Most objects do not have a primitive equivalent, in this case the object itself is simply returned;Another problem you may encounter is the priority of these two method, by default, in a string operation circumstance the toString method take priority over the valueOf method, and in a number operation circumstance the valueOf method take priority over the toString method. Things are different when you define the valueOf method for a class, when you do this, even in a string operation circumstance the valueOf method take priority over the toString method, so in this case you may explicitly call the toString method when you need convert an object into string.

Manipulating the Document During Loading

2009-06-19T11:30:00.001+08:00

1. Firefox-specific technique

document.addEventListener('DOMContentLoaded', methodToFire, false);

the DOMContentLoaded event is fired when the document is parsed but before all the external objects is loaded.

2. IE-specific technique(IE 6)

With IE, there is no DOMContentLoaded event to happen, to achieve this, we can use a <script> that has both defer and src attribute, with these two attribute the <script> tag is deferred to the end of the document, so we can check the readyState attribute value of the <script> , if the value is complete, it indicates that the document has been fully loaded. At this point, the state is equal to 'DOMContentLoaded'.

To Implement the technique, we must use conditional comment in the javaScript file, the code is like these:

/*@cc_on@*/

/*@if(@_win32)

document.write('<script id="__ie_onload" defer src="' + ((location.protocol == 'https:') ? '//0' : 'javascript:void(0)') + '"><\/script>');

document.getElementById('__ie_onload').onreadystatechange = function(){if (this.readyState == 'complete') { do something}};

@end@*/

3. WebKit-specific technique

with WebKit engine, the document.readyState is available, when it's value is loaded of completed , we can take is as 'DOMContentLoaded'

document.readyState is also available in IE7 and IE8

[读书笔记]无懈可击的Web 设计

2009-06-19T11:27:00.001+08:00

1.    使用关键字和百分比来设定页面文字的大小, 以允许用户控制并实现最大程度的灵活性.

2.    当以像素为单位设定了文字的大小以后, IE6/WIN 的用户便无法再改变这个大小了.

3.    针对IE5/WIN 的hack: Box Model Hack 和 Sample Box Model Hack

    BMH:    voice-family: "\"}\"";/* IE/5在此认为声明已经结束

    SBMH:    *html body{         /*for IE/WIN*/

            font-size: x-small; /* for IE5/WIN */

            f\ont-size: small; /* for other IE/WIN versions */}

4.    IE6/win 在字体大小上只能支持百分数是10的倍数的情况, 所以在设定字体大小的时候尽量选择10的倍数.

5.    屏幕阅读软件JAWS www.freedomscientific.com/fs_products/Surfs_Up/Navigating.htm

6.    提供能够适应任意大小文字或任意数量内容的站点导航栏.

7.    不要把高度值定死, 让横向延伸的页面组件能够在纵向自由扩张.

8.    一个被浮动的框式组件必须有明确的宽度值.

9.    要避免臃肿的代码, 不要在HTML中写不必要的图片代码, 而通过CSS 设置景图片来引入它们.

10.    使用反射浮动的方法来将内容分别定位于容器的左右两边.

11.    设置一个浮动属性来清除一个浮动问题-----如果一个外框本身也被高为浮动, 它将随着内在的浮动对象的大小而伸展, 以容纳下它们.

12.    当为浮动对象添加一个左侧或右侧的margin时, IE/Win 就会有一个不正确的举动, 把与浮动方向相同的那一侧的margin 双倍处理.解决办法是:为浮动对象增加一条规则 display: inline, 就可以让IE/Win 正确的显示 margin.

13.    为了使IE/Mac中的浮动对象的伸展后的宽度不大于其外在框的宽度,必须为其设定一个宽度.

14.    设计框式组件之前, 考虑好那些未来可能出现在的问题.

15.    宽度不固定的圆角矩形框需要一些额外的HTML代码，以便在所有的四个圆角处引入图片。运用最好的判断力决定这些额外的代码是否值得.

16.    确保页面内容在图片或CSS缺失的情况下仍然易读.

17.    记住要为设计中的每个背景图片设置相同或相近的背景色. 让每个禁用图片或连接速度慢的同学也可以正常的浏览页面.

18.    从列宽中减去 gutter 的百分比宽度值, 或者加一个额外的DIV来列宽以外单独设置padding 的值.

19. 给布局设置min-width 和 max-width, 来防止布局尺寸过大或过小.不必在间IE/Win不支持这种功能.

20.    尝试用"Sliding Faux Columns"的方法, 能过使用边框和背景一直延伸到页脚, 来实现看上去相等的栏.

21.    IE/Win 需要那需要清除浮动影响的对象有一个明确写出的尺寸.尺寸是什么无关紧要, 因为IE/Win总是会扩大对象以适应它里面的任何东西.例如:*html{height:%1;}/*only for IE/Win

blogger测试邮件发博客

2009-06-11T11:43:00.001+08:00

因为blogger被墙了，导致我无法发博客，我先表示抗议，希望谷歌的公关同学们尽快搞定这个问题。

Happy Birthday^_^

2009-04-03T14:18:00.002+08:00

3月31号，农历的三月初五，我的生日，生日过得相当开心。

感觉自己的胃变小了，才喝了没有多少啤酒，就变得很胀，然后就把去卫生间把吃的喝的都吐了出来，吐出来也好，是一种解脱。也许是从谈恋爱开始，我开始变得比较注意身体健康，不怎么吃油炸的食品，尽量少喝酒，每天泡一下脚再睡觉，开始有计划的运动..... 总觉得是人成长了，长大了，开始学着生活了，其实我还在寒假学习做饭的，整个一个生活男了。

吃完晚饭，就和班里的这堆同学们去KTV唱歌，那天我比较积极咯，虽然唱得不好，但是还是在抢话筒，这就是80后吧，不管怎么样，今天是我的生日，开心就好。班里的同学还是老样子，晋哥唱得还是那么卖力，那么认真。俊哥呢，嗓音比较好，歌唱得也赞，总是在唱得时候脸上浮出一些开心满意的笑。宋拿话筒的样子，唱歌认的样子都很认真，有的时候他自己都会笑，呵呵。沈这个不喜欢唱歌的家伙也唱了几首歌，还以为他又波动了呢。佩佩上次和这次都没有怎么唱，可能最近她确实比较烦吧，毕竟工作还没有落实下来，确实比较烦，祝她早日把工作搞定咯~~倒是老大一直在睡觉，呵呵，这个活动确实有点不适合他，他最喜欢的就是几个人坐在外边喝酒喝一晚上吧。昆最后也来了，白月光，相当让大家震惊了，他总是那种做一件事就做得很认真也会做得很好的人，总让人觉得不论遇到什么事情都很静的一个人。小小同学一首都没有唱，一直在玩，呵呵，难道被我们这群老人雷到了？

这堆大伙应该是我大学班里玩得最好的人了吧，我的交际圈不是很大，交往的人都是真心交流的。什么都可以给对方讲的。平时总是在工作室，和大家玩得比较少，在毕业之前应该珍惜时间，和大家多玩一玩，这次生日算是一个开始吧，以后多和大家玩玩了，毕竟要毕业了。

工作室的同学们呢，我对不起大家了，只是中午请大家吃个饭，也没有叫几个人人，挺内疚的。大家还给我买了一个大大的生日蛋糕，呵呵，现在总会感觉工作室就像一个家，谢谢大家咯，吹完生日蜡烛说了第三个愿望，希望工作室里的第个人都可以发展的好好的，也希望工作室都发展的好好的。虽然我也觉得这个愿望有点too formal了，不过确实是这样想的，怎么说呢，呆了三年的一个地方，总会希望自己走的时候她还是会好好的发展下去，大家努力咯。

吃生日蛋糕的时间虽然比较短，但是还是比较开心的，平时不怎么过生日的，这应该是我得第二个生日蛋糕吧。玩得还是比较Happy：

呵呵，小航子太不客气了，不过我还是不喜欢在脸上抹这个东西，脸用纸擦了很久，衣服也洗了-_-

不知道小小同学怎么摔倒了,人家川都起来了，他还不想起来了

23岁了，22岁的我很努力。
23岁的这一年呢，只希望自己过得很开心。
给自己一句话吧“给自己一个目标，然后为这个目标积极向上的生活” 加油咯!! :)

Microsoft.XMLHTTP vs. Msxml2.XMLHTTP.*.0

2009-03-17T22:37:00.002+08:00

In jQuery, this is how we get the XMLHTTPRequest object:

return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();

But in JavaScript - The Definitive Guide, 5th Edition we have a list of creation factory functions:

HTTP._factories = [
function() { return new XMLHttpRequest(); },
function() { return new ActiveXObject("Msxml2.XMLHTTP"); },
function() { return new ActiveXObject("Microsoft.XMLHTTP"); }
];

So why Msxml2 is give a preference in JavaScript - The Definitive Guide, 5th Edition , but is discarded by jQuery?

I read these articles, and finally get the answer.

According to GUID and ProgID Information we know that MSXML 4 and later components can only be instantiated with version specific program ids e.g. Msxml2.XMLHTTP.4.0'.

To quote from GUID and ProgID Information :

"After you install MSXML 4.0 or later, applications that use version-independent progIDs continue to run using the most recent version of MSXML prior to version 4.0. Typically, for most urrent Windows systems, this will be MSXML 3.0" So the version independent version id Msxml2.XMLHTTP' is bound to MSXML 3 or earlier but never to later versions (MSXML 4 or later) even if these are installed.

About Microsoft.XMLHTTP, There is an URL that I can't open, someone say It suggests that Microsoft.XMLHTTP is bound MSXML 2. According to About Native XMLHTTP XMLHTTP was first introduced as a Microsoft ActiveX control in Microsoft Internet Explorer 5. And according to MSXML versions that are included with Microsoft Internet Explorer in List of Microsoft XML Parser (MSXML) versions , Internet Explorer 5 use MSXML 2.

There is the final conclusion: Msxml2.XMLHTTP is likely bound to MSXML 3 and Microsoft.XMLHTTP is likely bound to MSXML 2. If we choose to use Msxml2.XMLHTTP, we may use MSXML 3 and MSXML2 when we use Microsoft.XMLHTTP. So giving Msxml2.XMLHTTP seems more suitable. Then two more questions comes up: is there any necessary to get an XMLHTTPRequest object using the method of MSXML 3? Is the object returned by the method of MSXML 3 better?

At least, from all the things above and Native XMLHTTPRequest object we know that the method that jQuery used is not problematic.

Quirks mode and strict mode

2009-03-14T20:56:00.005+08:00

I've read the these references carefully, if you want to dig into this subject, these are really good references.

Related References:

XHTML vs. HTML

2009-03-14T17:49:00.016+08:00

This post is a note when I was reading the book HTML Mastery by Paul Haine.

Differences between XHTML and HTML

The html, head, and body tags are all required in XHTML.
The html tag must have an xmlns attribute with a value of http://www.w3.org/1999/xhtml.
All elements must be closed. I touched upon this earlier, but just remember that anopening tag must have either an equal closing tag (if it’s a container tag) or a selfclosingspace-plus-slash.
All tags must be written in lowercase.
All attribute values must be quoted with either single quotes or double quotes.Thus, class=page is invalid but class="page" and class='page' are both fine.
All attributes must have values. Some attributes, such as the selected attributeused with the would be valid. In XHTML, however, you mustwrite .
Ampersands should be encoded. That is, you should write & instead of just &.This is true wherever the ampersand is: in your content or in a URL.

Some facts about XHTML and HTML

Comparing Strict to Strict, the answer is there are fewer elements in XHTML 1.0, but because they are all deprecated in HTML 4.01 anyway, it shouldn't make any difference in your coding practices.
If you’re serving your XHTMLpages with a MIME type of text/html, then your markup is no more robust than HTML is,and browsers will often try to correct any errors in your markup for you and attempt todisplay what they assume you mean. If you’re serving your XHTML with a MIME type ofapplication/xhtml+xml, then the slightest error will cause your pages to break and usuallyonly display an XML parsing error.
XHTML is no more semantic/structural than HTML, it's not the technology you use, but how you use it that counts.
XHTML page actually ends up being “heavier” than an equivalent HTML page.
XHTML is required for web standards compliance, false. Whether you write HTML or write XHTML, the important part is that you write it well.

What’s all this noise about MIME types?

XHTML has several advantages over HTML: (1) XHTML has several advantages over HTML. (2) XHTML that is not well-formed will be immediately spotted, because browsers willrefuse to display the page and will display an error instead. (3) XHTML provides a guarantee of a well-formed4 document.
None of the preceding points are true, however, unless you are serving XHTML with aMIME type of application/xhtml+xml. If your web server is serving your web pages witha MIME type of text/html (practically all web servers will do so), then you will not be takingfull advantage of XHTML.
So, this being the case, you may choose to simply configure your server to serve yourXHTML pages with the correct MIME type. However, it’s not that easy, for two reasons: (1) Internet Explorer does not support pages served in such a way, and it will attemptto download them instead of displaying them. (2) Your pages may no longer work.
The first problem can be solved through content negotiation5—that is, serving one MIMEtype to modern browsers and another to Internet Explorer. The second problem can becaused by a number of reasons. An invalid XHTML document will now no longer display at all, resulting in an error message. Even if your document is valid, though, that’s not theonly problem you may run into:(1) Comments in style and script tags of the  form that you may havebeen using to hide your CSS or scripts from old browsers will now be treated literallyas comments, so your CSS or scripts will appear not to exist.(2)Scripts that use document.write() will no longer work.(3)Your CSS can be interpreted differently, depending upon how you wrote it in thefirst place.
My personal(not me, it is Paul Haine) preference is to write XHTML served as text/html, despite the issues justnoted. This is for a number of reasons, not least being that employers and clients have atendency to insist upon it for marketing purposes. I also prefer the structure, knowing thatI must close all of my tags and that I must quote all of my attribute values. I can do all ofthis in HTML if I choose, but with XHTML there’s the element of compulsion that I believehelps me write better markup.

Deciding between HTML and XHTML

So which should you use, HTML or XHTML? It depends. The World Wide Web Consortium(W3C) recommends writing XHTML over HTML6 to better enable you to convert your documentsto XHTML 2 (covered in Appendix A) when it arrives, so if this is something youplan to do, write XHTML now. If you find yourself having to take into consideration otherfactors, such as legacy applications or CMSs that are producing HTML 4 (unquoted attributes,uppercase tags, etc.), then it makes little sense to wrap that output in a template withan XHTML doctype and you should use HTML 4 in this case. If you need to save on bandwidth,use HTML 4. If you need to use XML, use XHTML . . . and so on.

(X)HTML terminology

2009-03-14T15:05:00.009+08:00

This post is a note when I was reading the book HTML Mastery by Paul Haine.

Element: an element is a construct consisting(usually) of an opening tag, some optional attributes, some content, and a closing tag.
Self-closing elements: a self-closing element requires a space and a trailing slash
empty elements:
replaced elements:
Tag: an tag indicates the start and end of an element.
Attributes: Attributes appear within tags, and they can only contain the value of the attribute.
div: A div (short for “division”) is used for marking out a block of content, and it can not be contained within an inline element.
span: A span is used for marking out sections within a block element and sometimes insideanother inline element.It is an inline element without any semantic meaning, it is a simply generic container.
block-level box:A block-level box, such as a div, a paragraph, or a heading, begins rendering on a new linein the document and forces a subsequent element to start rendering on a new line below.
inline-level box: An inline-level box, such as a or an , begins rendering wherever you place it within the document and does not force any line breaks.

id attribute: The id attribute is used to identify elements and mark up specific functional areas of awebsite
class attribute: the class attribute is used to classify one or more elements.

The DOM Range API Testing

2009-03-10T22:38:00.003+08:00

W3C DOM Compatibility - Range was last updated on 11 May 2007, almost two years algo, So I Write a test to test the up to date browsers. This test is a rough Testing, only tests whether the browser support the DOM range API and related attribute and method.

DOM Range API Testing

CSS vertical centering

2009-03-07T10:35:00.013+08:00

NOTE: This post is just a note about CSS vertical centering, you may find the reference at the bottom of this post much more valuable.

centering (vertically) text in a fixed size container
You just need to set the container's line-height and height to the same value, and the text will be vertically centered. The mechanism is related to leading:

The leading is the difference between the values of font-size and line-height. This difference is actually divided in half and applied to the top and bottom of the content area. These additions to the content area are called, not surprisingly, half-leading. Leading is applied only to nonreplaced elements.

centering (horizontally and vertically) an image with unknown height in a fixed size container----with redundant empty element

With standard browsers, we can easily get a solution by taking the advantage of display: table-cell and vertical align: middle.

For IE6/7, The idear is to create a sort of line-box with the same height as its container, and assign vertical-align: middle to the internal element, we can then get precisely what we want. The way to create the line-box is to add an empty element to the container, and assign display: inline-block; height:100%; to the empty element, so the empty element with the height of its container can props the line open, so the vertical-align: middle can give the desired vertical centering. This method is not limited to centering image.

centering (horizontally and vertically) an image with unknown height in a fixed size container----with the use of a big font-size

The mechanism of this method is same with the previous method, the difference is we use the line-box which is generated by the use of a big font-size to props the line open. Actually the line box generated by the use of a big font-size is called em square, and there is some thing about font-size and em square from CSS: The Definitive Guide, 3rd Edition, which is at section 5.3 Font Size

In fact, the actual relation of the font-size property to what you see rendered is determined by the font's designer. This relationship is set as an em square (some call it an em box) within the font itself. This em square (and thus the font size) doesn't have to refer to any boundaries established by the characters in a font. Instead, it refers to the distance between baselines when the font is set without any extra leading (line-height in CSS). It is quite possible for fonts to have characters that are taller than the default distance between baselines. For that matter, a font might be defined such that all of its characters are smaller than its em square, as many fonts do.

So the relations between the value of font-size and the value of em square's height are different from different fonts. The one I know is about "Times New Roman"----always to be the default font of some browsers. The relations is: font-size(px) = 0.905 * height of the em square(px) ,0.905 comes from experiment. There is one example: vertical centering image with the use of a big font-size, you can try it by yourself.

Sample:

Reference:

Efficient CSS

2009-03-03T19:22:00.002+08:00

There are some suggestions about how to write the efficient CSS

1. Use shorthand properties

With shorthand properties we can cut a substantial number bytes from our style sheets.

2. Multiple declaration

And this is another way to reduce the size of our style sheet.

3. Default values

I don't think this is a good way to write efficient CSS, because the Default values are various in different browsers.

4. Inheritance

Use this rule to avoid writing redundant code.

Finally, you can use YUI compressor to compress you style sheet.

The four rules above is used to avoid writing redundant code, the following rules is about the rendering speed.

5. Avoid using *{}

* will traverse all the elements under its scope, it makes the browser slowly. And in most cases you don't mean to set the properties of all the elements, so try to use some explicit way to set the properties of the elements you need to set, not all the elements.

6. Avoid using CSS filters

7. Choose the backgroud image with proper dimensions

The images with small dimensions will repeat with more times than the ones with big dimensions, but the images with big dimensions always have big size in bytes.

References:

Writing Efficient CSS

核心竞争力与知识结构

2009-02-21T14:50:00.002+08:00

每学习的时候都觉得要学习的东西太多了，而时间又只有那么多，什么该学什么不该学也总得有个原则，看了两篇文章《什么才是你不可替代的核心竞争力》，《一直以来伴随我的一些学习习惯（四）：知识结构》自己做个总结，对自己以后的学习方向算是一个指导吧。

文中所讲核心竞争力是：自己身上有别人没有的独特的个性、背景、知识和经验的组合。如果这种组合，1，绝无仅有；2，在实践中有价值，3，具有可持续发展性，那你就具备核心竞争力。因此，当设计自己的发展路线时，应当最大限度地加强和发挥自己独特的组合，而不是寻求单项的超越。而构建自己独特组合的方式，主要是通过实践，其次是要有意识地构造。

借作者写的组合我也写了一个自己的组合：

专业领域技能，一定要成为该领域的专家，而在技术上很重要的一点就是要有一定要知识广度才能有一定的知识深度，呵呵，这是专家给我讲的。
跨领域技能，解决问题的能力，创新思维，判断与决策能力，Critical-Thinking，表达沟通能力，团队合作的能力，Open Mind 等等，还有哪些？
学习能力。(1) 给要记住的东西提供更多的线索。(2) 经常回顾旧的知识，对新旧知识进行整合，可能通过经常和别人讨论，讲给别人听，整理笔记和写博客来达到。(3) 对问题进行抽象和推广，追其本质。
性格要素，我看重的性格要素有：好奇心、自信、专注、持之以恒、谦卑。
好的习惯，习惯的力量很强大，有哪些习惯要培养呢？

这个组合里面，除了第一条其他的都还没有被我重视过，应该好好学习一下。在金融危机的的情况下考虑一下自己的核心竞争力还是有好处的。

附一个技术知识结构：

Essential : English，数据结构、算法、数据库、操作系统原理、计算机体系结构、计算机网络，离散数学，数学