http://www.leakon.com 勤奋 - 创新 - 锲而不舍 Tue, 23 Sep 2008 07:01:07 +0000 http://backend.userland.com/rss092 en 使用 Thinkpad 笔记本在运行 IE7 浏览器，打开新窗口或标签页的时候，经常需要等待好几秒才有反应。 这主要是由于lenovo的2个加载项造成的： CPwmIEBrowserHelper Object ThinkVantage Password Manager 把这 2 项禁用后，效果就会改变很多。 修改方法如下： IE7下 工具 -> 管理加载项 -> 启用或禁止加载项。 打开后，你会看到有很多加载项，远不止这 2 个。 每一项后面都有说明，把没用的都去掉，再试试，快多了~~ 如图： http://www.leakon.com/archives/207 转自：http://www.neoy.cn/?p=158  多谢博主的文章，帮我解决了大问题~~ 在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？ window mode(wmode) wmode即窗口模式总共有三种，看看当年Macromedia官方的说法： Window: Use the Window value to play a Flash Player movie in its own rectangular window on a web page. This is the default value for wmode and it works the way the classic Flash Player works. This normally provides the fastest animation performance. Opaque: By using the Opaque value ... http://www.leakon.com/archives/205 今天土了一把，遇到很简单的问题，却用了很久才搞定。 给 yoyo 的xuebaobao 装 SupeSite，提示 "Attention:zend optimizer not installed"，可是明明安装了，用 phpinf() 检查，也提示： This program makes use of the Zend Scripting Language Engine: Zend Engine v2.2.0, Copyright (c) 1998-2007 Zend Technologies with Zend Extension Manager v1.2.0, Copyright (c) 2003-2007, by Zend Technologies with Zend Optimizer v3.3.0, Copyright (c) 1998-2007, by Zend Technologies 这让我很恼火。 到网上查了半天，原来是 php.ini 中 zend_optimizer.enable_loader 的值设置为 0，也就是默认没有开启！ 设置为 1 后立刻搞定~~ 问题很弱，希望能给遇到同样问题的朋友们提供帮助~~ http://www.leakon.com/archives/201 上一篇日志中写了 IE6 对 float 元素显示不正常的问题，现在找到了一个解决办法。 测试了很多次，发现跟 margin 和 padding 没有直接的关系，本质的问题根源在于，包含 float 元素的外层 div，没有设置足够的宽度和高度，也就是说，这个容器没有足够的空间用来显示内部所有的 float 元素。 margin 和 padding 只是一个间接原因，如果没有内外边距，可能外层 div 刚好可以容纳内部的 float。 加上边距后，每个 float 占用的空间就变大了，首先带来的问题是 div 的宽度不够，那么，愚蠢的 IE6 就会产生莫名其妙的问题，反映给用户的现象就是出现鬼影。 解决方案：准确计算内部 float 元素加在一起占用的宽高，确保外层 div 在 css 中明确指定了具体的 width 和 height 像素值，问题不会再出现。 可悲啊，95% 以上的桌面浏览器被这样愚蠢、垃圾的 IE6 霸占着！！！ http://www.leakon.com/archives/199 IE6 浏览器对 float 属性的元素显示不太正常，经常遇到的情况是，打开页面，发现某个区域的内容是空的，什么都不显示，但鼠标移动到那个区域，或者附近的一些区域时，那个空的区域立刻显示出原有的内容。 另一个 case 可以称之为“鬼影”，现象是，某串文字，会在 2 个位置同时显示，如果有 hightlight 效果，那么任凭你把光标放到二者任意一个上面，另一串文字也会立刻高亮。 以前对这个问题很抓狂，也没有总结出一个很好的解决方法。 今天又碰到类似的问题，查了一下 Google，有人给出一个结论，当某个元素有 float 属性时，再给他添加 padding 或 margin 等属性，在 IE6 下可能会出现显示问题。 具体的解决方法我总结一下会发布到 Blog 上。 这篇文字算是一个 bug 记录吧。 http://www.leakon.com/archives/196 书名：撬动地球的GOOGLE 副标题：全面揭密GOOGLE快速成长之谜 作者：[美]戴维·怀斯    马克·马西德著 出版社：中信出版社 书号：ISBN7-5086-0709-0/f.1053 价格：35.00元 出版时间：2006年9月 前言：     GOOGLE在特制的计算机上运行拥有其专利的特殊软件，以支持搜索功能及其相关服务，我们称他为GOOGLEWARE。     约翰·享尼西：GOOGLE在众多可能的竞争对手面前保持不败的技术优势是，GOOGLE的技术人员能够整合公司使用的个人电脑来进行搜索，以满足用户的需要。这恐怕就是GOOGLE保守得最好的秘密。     他们操纵着世界上最庞大的计算机系统，其他任何系统都望尘莫及。     GOOGLE将个人电脑一台压着一台码在冰箱尺寸相当的支架上，然后利用其专有的软件和连线方式将这些计算机连接起来。     这些计算机先将查询的内容分解成极微小的部分，再将他们与事先与已经完成索引和归类的互联网内容的复本进行比对，进而找出相关的内容。     斯坦福大学同雅虎，ALTAVISTA和其他一些重要的搜索引擎及技术公司接洽，试图以100万美元将GOOGLE 的搜索技术出售给它们，这些公司都对拒绝了。     GOOGLE找到了赋予网络广告更高效的方法，这就是将广告信息传播到进行搜索的个体，而此时正是个体最有可能需要这些信息的时候。     在GOOGLE人们从来都不把一个项目的获得能力当做衡量其优劣的尺度。在别的公司里，经营者和产品经理一般都是先考虑什么样的服务可能赚钱，然后再开发提供这种服务的产品。而在GOOGLE，人们首要的目的是找到解决问题的方法，然后，才会考虑怎样把这些技术转化成钱。     公司工作的重中之重就是为GOOGLE用户利益的最大化服务。而这些受益的用户就成为公司最好的宣传者。     GOOGLE并不追求在最短的时间里获得最大的经济利益。     埃里克·施米特担负起了公司日常经营的重担     布林是商务谈判的好手     佩奇对成本控制有一套，在GOOGLE计算机的供电和冷却系统这些关键环节的能耗节约方面他的工作卓有成效。     在GOOGLE，技术人员更愿意以3人为小组进行工作，而县城每个人都享有20%的自由支配时间用于发展任何他感兴趣的想法。     GOOGLE拥有比任何机构都要强大的计算机处理能力，他们的数据库的规模已经远远超过了美国政府。10年内，GOOGLE就可以提供一项服务，帮助人们了解自己的遗传密码和统计学编码。     GOOGLE已经开始心着对斯坦福大学、哈佛大学、密歇根大学、牛津大学图书馆以及纽约市立图书馆藏的数百万本书籍进行数据化处理了，GOOGLE的目标是将尽可能多的书籍的信息放到网络上，使人们可以找到它们，从而打破图书馆的物理界限。 第一章：一切皆有可能     佩奇：在设定自己目标的时候，你需要一点儿傻劲儿，我们应该做大部分人不会做，或不会去做的事情。                 光有灵感不够，还要付出辛勤的汗水，在开始的时候，我们从来不休假，而且繁天都加班加点，他们先是将GOOGLE介绍给朋友，然后越来越多的人开始使用它，很快斯坦福大学，我们每天就提供1万将搜索服务了。     布林：我们在同时进行很多事情。而成功的唯一途径就是要先经历失败。     佩奇：GOOGLE代表一个非常大的数字，它是1后面跟100个0，我们在为自己的发明取名字的时候，忘了它到底该怎么拼写而实际上我们拼错了，这个数学术语本来的拼写应该是“GOOGOL”，这才是正确的拼写，所幸的是，大部分人都不知道这个词其实拼错了。     佩奇：我们的竞争对手一开始是EXCITE，ALTAVISTA有以其他搜索引擎，但是它们都没有能够集中精力做搜索，所以我们没有费太大的力气就胜过了它们。现在最难的部分是我们是否可以长期地坚持下去，变成一家有10年或20年历史的公司，或者说，我们是否可以不被别的公司超越。 第三章：独特的PAGERANK技术     蒂姆·伯纳斯·李：信息饥渴的计算机用户可能点击突出显示的文本，从一个文件跳到另一个文件。网络就是链接。     佩奇和布林都生长在学术世家，非常重视发表在学术期刊上引用了诸多相关文献的学术研究成果。如果你的成果在相关科学文献中被大量引用，就说明，你的工作非常重要，因为很多人觉得它值得一提，佩奇认为这同样适用于网站     他们从来没有着重其事地坐下来，然后说，“让我们来发明下一个伟大的搜索引擎吧。”他们只是想要解决有趣的问题，又碰巧想到了一些不错的创意。     其他引擎主要依赖将搜索与名中的词语同网页上的词语进行比对来进行搜索，而PAGERANK则更进一步，将搜索结果以逻辑形式排序之后呈现给搜索用户。       1997年秋天，布林和佩奇决定给BackRub起一个新的名字。 佩奇绞尽脑汁却还是想不出一个从来没有人用过，而且容易引起人们注意的名字，所以他请同一办公室的肖恩 · 安德森来帮忙想一个。 “所以，我就走到白色书写板前面开始进行头脑风暴，写下一个又一个名字，而他不停地说‘不行，不好’。”安德森回忆说。这种情况持续了几天。“他几乎绝望了，所以我们又进行了一次头脑风暴。 我坐在白色书写板前面，提出一个又一个创意，最后我问，‘Googleplex怎么样？你们不是要建立一个通过搜索和索引巨大的数据库来使人们对信息进行组织的公司。 Googleplex是一个巨大的数字。’他很喜欢这个名字，说，‘那么，我们就用Google怎么样？’因为他喜欢短一点的。 我在我的工作站中键入G-o-o-g-l-e，不过我把这个词拼错了，而这个词还没有被注册。拉里认为这个名字可以接受，于是当天晚上我们就用这个名字注了册，并在白板上写道：Google.com。 同雅虎和亚马逊一样，这个名字很有互联网公司的气质。第二天我一进办公室就发现塔玛拉留了一个条子说：‘你们拼错了。正确的拼写是G-o-o-g-o-l。’可是，注册已经被接受了。” 表面上看，雅虎应该愿意买下他们的技术，因为它主要依靠人工编辑的地址目录来搜索网络，而缺乏快速搜索的办法。可是，它也拒绝购买Google技术或者其使用许可。在一定程度上，雅虎拒绝这个搜索引擎是因为它希望计算机用户花更多的时间在它自己的网站上。而Google搜索引擎创造出来，是为人们提供快捷的答案，使他们可以迅速到达最相关的网站的。 第四章:神奇的GOOGLE        “他们想要把这个世界数字化并且为人们所用，没有人愿意做这件事，虽然很多人知道这件事的必要性。他们并肩作战，打破一切限制，清除所有阻碍，居然凭借着一点点运气，使这项工程运转起来了。” 布林和佩奇向贝托尔斯海姆演示了Google的性能，并向他介绍了他们的想法。贝托尔斯海姆非常欣赏他们的发明，而且也理解了帮助Google提供更高明的搜索结果的技术突破。他还非常赞赏布林和佩奇的另外一些做法：他们没有花大笔的钱进行广告宣传，或是购买高端的硬件设备，而是购买主板以及其他一些便宜的零部件来组装自己的计算机。他们希望先开发出一个可以用于搜索的数据库，然后再去同风险投资公司接洽相关投资事宜。他们希望用自己的搜索引擎来说明一切。 “每次当你建立一个链接的时候，”拉里对教室里鸦雀无声的听众说道，“你就建立了一个引用。但是如果你像搜索引擎那样开始计算网络上引用的数量，你就会遇到新的问题。 网络不像科学文献，任何人都能够制作网页。” 　　“一种看待PageRank的方式，”他解释说，“就是把它当成一个用户模型。假设有一个随意的网络冲浪者，从某种意义上来说，它就是一只猴子，每天到处地跑，点击一个又一个链接，但这种乱点行为却不包含智力成分。你也可以说，这与人们在网络上的行为类似。”佩奇停顿了一下，听众们发出窃笑声，然后他又接着讲。 　　“从根本上讲，PageRank算法假设，如果有人用链接指向你，那么你就可以分得一部分属于他们的重要性。具体来说，如果一个非常重要的人指向你，这就比一个无关紧要的网站的主人指向你要有价值得多。比如，假如雅虎的主页指向你的网页，这就是件非常了不起的事。即使你只有一个在雅虎主页上的链接，这就已经很好了。要让重要的网站链接你，你要么付很多钱给别人，要么你的网页本身非常不错。而如果你在我的主页上有一个链接，估计没有人会把它当做一回事。”然后，佩奇解释了他是怎么找到产生分等级的搜索结果的配方的。“我们大体上根据那些网页的重要性，为他们赋值。一张网页的等级就由指向它的所有网页的重要性数值的总和来决定。” 第五章:10条为GOOGLE工作的理由     1998年秋天，布林和佩奇带着建立世界上最棒的搜索引擎的梦想，离开了斯坦福大学。他们把计算机、小机械和玩具搬进了门罗公园附近的一所房子的车库和几个房间里，这所房子还带有温水池。这所房子的主人，也就是他们的第一任房东，名叫苏珊 · 沃吉西基（Susan Wojcicki）。因为她读书时的室友是布林的女朋友，所以她认识了布林。布林和佩奇本来可以用1 500美元每个月的价格租下这几间房，但是他们坚持要支付1 700美元，额外的200美元用来支付各项费用和税金。他们希望从一开始就以恰当的方式来做每件事情。9月7日，   他们正式建立了Google公司，然后，他们在银行开了公司的第一个账户，将贝托尔斯海姆的10万美元支票转存入新账户。他们还雇用了一个朋友，也是他们在斯坦福的博士生同学克雷格 · 希尔维斯通（Craig Silverstein），作为他们的首位雇员。“就像任何一家优秀的硅谷新创公司会做的那样，我们找到了一个有富余空间的地方，然后在车库里工作。”希尔维斯通说。不过，沃吉西基有一点惊讶，她本来以为车库里那些家伙只有在她白天外出的时候才来上班。“我们想，反正他们只有白天工作的时候才会在那里，我们甚至都不会注意到他们，”沃吉西基说，“可是，他们一天24小时都在那里，一整天都在。不过后来，我们也适应了。而且，托他们的福，我们可以免费上网了。” 　　5个月后，沃吉西基的车库已经装不下布林和佩奇的公司了。因此，1999年初，他们搬到了帕洛阿尔托中心的大学街的几间办公室。之后，公司还先后换过几次办公地点，而每次搬迁都标志着公司文化的进一步形成和公司的发展。他们希望工作的过程引人入胜、充满乐趣，而且决心保持这样的风格。一座时尚的大学城市中心建筑的二楼是一个理想的选址，这里离斯坦福大学还不到1英里，而且比办公花园要有活力得多。他们两个都不清楚公司要通过什么样的方式来赚钱，不过，他们觉得只要自己的搜索引擎足够好，总会有一些机构想要在内部使用它的。最重要的是，他们都对帮助人们在网上更快捷地找到相关的信息这项工作抱有持久的热情，这一直是他们的首要动机。“因为对目前的搜索引擎不满意，所以我们创办了这家公司，”佩奇说，“即使我们的公司成功了，它也只是一个副产品。” 这些综合门户网站一心想要满足所有人的所有需求，最终却失去了自己的特色，无法满足任何一个特殊的或者专门的需求。而互联网的发展方向却是个性化。 第六章:GOOGLE涂鸦        GOOGLE邀请了16个人到斯坦福大学盖茨杰楼的地下室接受测试。        他们在地址栏键入www.google.com,看着主页出现在屏幕上，然后继续等待，15秒钟过去了，20秒，45秒，迈耶不明白到底发生了什么，但是并不想干涉他们，后来，她问他们到底在等待什么。他们回答说在等剩下的网页加载完毕（用户总会做出我们想象之外的行为）。 迈耶和她的团队得出结论，他们必须在网页的底部加上版权声明和页脚，倒不是为了法律原因，而是为了让用户知道：就这么多了，这就是全部，请开始搜索吧。 拉里和谢尔盖找了一位脑科医生吉姆·里斯，来强化GOOGLE的计算机网络体系。里斯毕业于哈佛和耶鲁医学院。他1999年进入GOOGLE公司，成为其18号雇员，在此之前他在斯坦福的研究室工作。里斯被任命为GOOGLE的运行主管，任务是管理公司迅速增加的计算机硬件设施。 GOOGLE没有花80万美元向IBM公司购置高端系统，而是到RACKSAVER网站去购买，在那里，他们找到了由一套88台计算机组成的，拥有同等计算机处理能力和多出几倍内存的系统，只花了25万美元。他们还使用免费的linux操作系统，而不是从微软那里购买软件。 GOOGLE的个人电脑平均服役斯是2-3年，然后就要用新的电脑替换掉。 GOOGLE的大部分计算机都放置于普通的恒温仓库中，20世纪90年代末，数据中心般是按每平方米仓库面积来收取费用，而不是按照客户公司的耗电量来计费，这使得GOOGLE将自己计算机一台压着一台码放起来。 里斯刚刚加入GOOGLE的时候，公司才拥有大约300台计算机，不过，经过疯狂的设备添置，一个月后，他们就拥有了2000台计算机，而在第一年夏天，这个数字就增加了一倍。 而系统冗余系统的建立，使得某一批计算机出故障或地震而毁于一旦的话，其他的计算机君中还储存着互联网以及其他数据的副本，可以很快填补它们的空白。 第七章：全新的GOOGLE        广告也是用户可能会需要的一种信息形式        有一家公司吸引了布林的注意，只有一个简单的原因：它通过出售同搜索结果一同出现的广告而赚钱，这家公司就是GOTO.COM公司，它后来更名为overture公司。        他们不仅仅显示愿意出最高价的卖家的广告，而是根据一个充分考虑了广告商出价和计算机用户点击广告频率的方程来为广告排序。更受欢迎的广告会爬升到最上面的位置，而比较不受欢迎的广告排位将会下滑。        一条广告出现的位置取决于顾客的拉动，而不是企业的推动。        确定你会为用户提供最具针对性的广告是一种很好的公关活动。 第八章：GOOGLE的第一桶金     当时，拉里·佩奇担任Google的首席执行官，而谢尔盖·布林任总裁。公司共有85名雇员，他们常常需要加班，而公司把他们当做家人来对待，他们可以享用免费的食物、有益健康的果汁，还有各种丰富的小零食。Google的员工还能够享受到一大堆各式各样的生活便利，比如说可以在工作场合接受洗衣服务、头发造型服务，可以看牙和看病，还能够洗车，后来，公司还增加了托儿所、配备私人教练的健身房以及一个专业的女按摩师。这些设施实际上消除了离开办公室的必要。沙滩排球、桌上足球、滚轴冰球、单轮滑板车、棕榈树、豆袋椅甚至还有狗，在Google，这些东西应有尽有。它们的作用是娱乐以及培育一种有创造性的充满乐趣的环境。Google的大部分雇员虽然都是年轻的未婚人士，但他们大部分清醒的时间都是在公司度过的。Google甚至还在公司的通勤车上安装了无线网络接口，这样Google的员工在往返于旧金山和公司的路上也可以保持旺盛的创造力，将他们的能量倾注到手提电脑上，而不必担心途中的时间无法打发。 　　Google采取的这些反常规的措施，使其经营理念中纳入了真诚的元素。 早年间，在Google还只有5个雇员，却有大约100万人在使用Google的时候，Google独立组装的这个计算机处理系统的威力就体现出来了。 那个时候，他们一定得确保搜索用户不知道公司的电话号码，因为他们根本就对付不了那么多电话。事实证明他们是打造品牌的高手，他们并未通过任何大规模的广告战来打造品牌，而是让用户和新闻媒体自己去评价。“他们的服务是如此出色，因此他们实现了健康自然的有机成长。”前可口可乐公司市场部主管彼得·希利（Peter Sealey）这样评价道。 “通过签署联属合约，你可以在你的网站上添加一个Google搜索框，而且每当有人在你的网站上使用Google搜索服务，我们就会支付给你3美分。”布林和佩奇宣布，“这是我们感谢你宣传Google搜索服务的方式。” GOOGLE60%的搜索请求来自美国之外，而公司广告收入中仅有5%是来自北美洲之外的。 第九章：空降的首席执行官     尽管2000年12月，埃里克 · 施米特走进了Google公司同谢尔盖 · 布林和拉里 · 佩奇会面，他却根本就没有兴趣拜访Google。当他走进去的时候，他注意到的第一件事就是，那两个人把他的简历投影在了办公室的墙上。他曾经听说过Google是个古怪的地方，而他所看到的景象似乎证实了这个说法。“我认为那简直太奇怪了。”他说。他想尽一切办法逃避过这次会面，但是KPCB的约翰 · 多尔，也是施米特所认识的最强悍的风险投资家，总是不肯放弃说服他会见Google的那两个家伙，要求他至少同他们谈谈加入公司管理队伍的可能性   。施米特尊敬多尔，也非常珍视同多尔的关系。多尔给Google投资，成为该公司董事会成员，并同其建立了千丝万缕的联系，如果不是因为多尔的关系，施米特肯定会一口拒绝这次会面。2000年10月，多尔在一次为当地一位国会议员募集政治资金的集会上同他谈到此事，虽然不得不买多尔的面子应承下来，他还是想方设法拖延这次会面。 　　“去和Google的人谈谈。”多尔说。 　　“没有人真正对搜索感兴趣。”施米特回答道。 　　“去Google看看，”多尔又说道，“这是一块需要打磨的璞玉。” 　　就施米特所知，在由科技公司和顶级金融家组成的小圈子里，多尔在很长一段时间内保持不败的纪录是无人能够超越的。同多尔的关系是值得维持的关系，即使同布林和佩奇的会面最终会证明是浪费时间。施米特当时是软件制造商Novell的首席执行官，他也确实在寻求新的工作机会，因为他知道在完成了手头的合并案之后自己就得另外谋职了。不过，即使他已经做好了跳槽的准备，Google也不是这个商业管理博士会选择的公司。尽管多尔对它充满热情，但Google不过就是一个小小的搜索引擎。当时硅谷人士普遍认为搜索引擎毫无前途，包罗万象的门户网站才是首选的商业模式。施米特的信条是：只有那几个提供新闻、天气、购物和电子邮件服务的大门户网站才是用户在网络上驻留的地方。 　　他百思不得其解，为什么多尔对Google那么热心。也许，只是也许，他很担心自己能否收回投资，希望施米特能够充当救火队员，做一些补救工作。无论如何，埃里克 · 施米特还是心不甘情不愿地走进了会面的办公室，准备见过那两位年轻的创业者、完成对多尔的许诺之后，再回到Novell继续工作。 　　谢尔盖和拉里对于会见施米特同样缺乏兴趣。他不过是他们为了取悦公司的风险资本投资人莫里茨和多尔而不得不浪费时间来会见的一系列技术主管人选中最近的一个而已。布林和佩奇已经做好准备，施米特从哪里来就得回哪里去，就像其他人一样。事实是，他们还是不想让任何人在Google的地位凌驾于自己之上，而他们最不需要的就是一个管账的人。将公司式的控制强加于Google只会伤害和僵化创新，阻碍公司的进步。而且，他还会向KPCB以及红杉公司发去耸人听闻的财务报表，让这两家公司相信他们正在浪费金钱。许多来自商界的高级管理人员根本就理解不了他们所创造出来的公司文化，因为Google更像是大学校园的研究生培养项目，而不像一家以首次公开募股为前进方向的公司，而以赚钱为目的的风险投资家们最终追求的就是公开发行股票。 他们想尽一切办法来吓退多尔派来的许多候选人，而他们也都被吓得不愿意同这两个人共事了。 施米特走进的那间办公室里摆放着盛食物的餐盘，墙壁上还投射着他的背景资料。这间办公室坐落在芒廷维尤的一栋建筑内，这座建筑原来属于太阳微系统公司。施米特原来曾经担任过太阳公司的首席技术官，不过很久以前他就已经离开太阳公司到Novell公司去应付新的挑战了。而现在，几乎就从他入座之时开始，谢尔盖就开始抨击他，称施米特在Novell所采取的策略是“愚昧的表现”。“我尽力予以回击，”施米特回忆说，“我们争论了近90分钟。”他们你来我往，进行辩论，质疑对方的意见，不时进行学术争辩。当时的施米特已经为在几个月内离开Novell铺平了道路。但当他走出这间办公室的时候他最初的打算似乎初摇了，他对于自己同Google这两个家伙的对话有两个想法：这是他在相当长的一段时间内进行的最精彩的一次争论；另外，他预感自己也许最终会同Google公司建立某种形式的联系。 莫里茨觉得他们就像是青春期的孩子，只是为了挑战父母权威而拒绝他们的建议。“就算想要指导拉里和谢尔盖的人是天神，他们还是会提出问题的。”他说。 在别人看来，施米特身上的一些经历是他的弱势，但布林和佩奇却把那当做他的优势：他曾经有过失败的经历。在太阳微系统公司任职期间，他领导了Java程序的开发以对抗微软公司，Java是一种独立的程序语言。而且，施米特为太阳公司制定了互联网市场战略。尽管他的努力在很大程度上是不成功的，但是这表明施米特并不惧怕挑战比尔·盖茨和微软公司以计算机为基础的操作系统，他的挑战方式是为企业和个人用户提供选择的机会，而不是将系统强加在他们身上。要做到这一点需要相当的独立精神，这正是布林和佩奇尊敬他的地方。这还意味着施米特知道太阳公司挑战微软权威的做法错在哪里。对于Google的这两个家伙来说，施米特的优势在于，如果他们想要开发一个以互联网为基础的新软件，他们不会再犯不必要的错误，而是可以从施米特和太阳公司所犯的战略和策略失误中吸取教训。 　谢尔盖和拉里打电话同他讨论具体的细节。 　　“你打算怎么做呢？”Google的两个家伙问施米特。 　　“我现在正在忙着出售公司。”施米特提醒他们。他不打算在自己正试图领导Novell完成并购程序的时候离开这家公司。 　　“我很高兴成为Google的董事长，”他说，“因为这个职务不需要承担日常管理的责任。至于首席执行官，则要迟些时候再说。” 　　“我们现在也不需要你。”拉里告诉他，“不过我们也认为将来会需要你。” 　　“我同意，随着公司的成长，我的经验会起作用的。”埃里克回答说。 有两个因素促成了这笔交易。首先，施米特同意出资100万美元来购买自己想要的Google股票。他在2001年初决定这样做，当时公司正缺乏资金，所以这笔钱真正具有商业意义。 另外，布林和佩奇认识到约翰 · 多尔对他们还是有影响力的。他和莫里茨为Google投入了2 500万美元，现在一年半过去了，他们有充分的理由指责拉里和谢尔盖没有履行聘用一名首席执行官的诺言。这两家风险公司现在可以要求Google返还它们最初的投资，而无论是在财务上还是声誉方面，Google都承担不了这样的后果。 施米特上任后很快发现，Google这家科技公司成立3年以来，经营它的那两位技术工作者在人力资源、产品和用户身上投入了大量的心血，但是，对于公司的内部管理事务他们却几乎没有投入任何金钱和时间。他搬进了离拉里和谢尔盖共享的办公室不远的一间9平方米大小的办公室。拉里和谢尔盖的办公室里总是挤满了人、玩具、计算机设备和其他乱七八糟的东西。“他们的办公室总是像个动物园。”施米特说。他知道自己应该做什么，不过他也明白自己必须首先说服谢尔盖和拉里相信建立企业管理体系的必要性。比如说，公司进行财务记录管理和薪金支付使用的是Quicken公司生产的现成的财务软件，而那是人们在计算自己的所得税或者经营非常小的企业时才会采用这种软件。“对于一家新创公司来说，用它没有问题，但是对于一家有200名雇员，收入2 ... http://www.leakon.com/archives/191 本为讲述了如何解决在IE6下动态创建的DIV等Element会被Select等Form控件覆盖的问题。 下拉框，即html的SELECT元素，.net设计时的DropDownList，是html中的windowed element，尤其ie6之后，几乎是唯一的windowed element（还有popup等少量极少用的的）。 普通的元素，textbox, div, table……这些，属于windowless element，它们之间互相遮盖的情况由z-index决定，在它们之上，是SELECT这些windowed element。所以一般情况下div、table等不能遮盖select。 这个问题广泛存在于各种弹出式控件的使用之中，比如日历控件等。 如果要显示div，以前的做法是，动态的，在显示的时候，让div区域的select不可见，div消失的时候，再恢复这些select元素。这种做法比较奇怪，因为它严格上并不是“遮盖”了select，而是，让她整个消失了，如果calendar弹出元素只是应该遮盖select元素的一部分，但select却整个不见，用户也许会觉得奇怪；做起来也麻烦，要用js逐一判断各select的位置。 ie5.5之后，有一个新的小技巧，称之为“iframe shim”（iframe加塞:p），可以真正的“遮盖”select元素。 它利用了一种特殊的元素：iframe。在ie5.5之前，iframe也是windowed element，但从5.5开始，iframe就是普通的windowless element了，可是，虽然是windowless element，iframe却可以盖住select。这种做法的原理就是：放一个iframe与你要显示的东西（比如说一个div）同样大小、位置，并设置z-index使得iframe在此DIV之下；这样，iframe遮盖了select，同时，iframe又在要显示的div的下面，div就露出来了。 限制：仅适用于ie5.5及以后版本。 参考文章链接： http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx 示例程序代码： //html.select.hack.iframe shim.htm <html> <head>  <script>   function DivSetVisible(state)   {    var DivRef = document.getElementById('PopupDiv');    var IfrRef = document.getElementById('DivShim');    if(state)    {     DivRef.style.display = "block";     IfrRef.style.width = DivRef.offsetWidth;     IfrRef.style.height = DivRef.offsetHeight;     IfrRef.style.top = DivRef.style.top;     IfrRef.style.left ... http://www.leakon.com/archives/189 本为讲述了如何解决在IE6下动态创建的DIV等Element会被Select等Form控件覆盖的问题。 It was about 1 year ago that Coalesys released the first WebMenu 2.0 beta.  At that time we began demonstrating a technique for overlaying windowed controls in Internet Explorer. In case you don't already know, windowed controls in IE will always cover DHTML layers.  That means if you ... http://www.leakon.com/archives/187 　　当我们进行CSS+DIV的方式来重构我们的 html页面时，通常会发现一些是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 　　1.检查HTML元素(如:<ul>、<div>)、属性(如:class=”")是否有拼写错误、是否忘记结束标记(如:<br />) 　　因为Xhtml 语法比较严格，诸如Firefox 之类的浏览器如果检查发现Xhtml里面有语法错误，那页面是不能正常显示的。即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 　　2. 检查CSS是否正确 　　检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 　　3. 确定错误发生的位置 　　如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。 　　4. 利用border属性确定出错元素的布局特性 　　使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。 　　5. float元素的父元素不能指定clear属性 　　MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的着名的bug，倘若不知道就会走弯路。 　　6. float元素务必指定width属性 　　很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。 　　7. float元素不能指定margin和padding等属性 　　IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。 　　8. float元素的宽度之和要小于100% 　　如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。 　　9. 是否重设了默认的样式? 　　某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。 　　10. 是否忘记了写DTD? 　　如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN "http://www.w3.org/TR/html4/loose.dtd">   转自：http://www.keephelp.com/css/div-css-problem/ http://www.leakon.com/archives/185 最近在做一些UT的工作，写一些HTML和CSS，又遇到了一直很头疼的浏览器兼容问题。 主要就是让人讨厌的IE6，总是需要进行很多特殊的处理。 遇到表格类型的HTML区域，我一直觉得用table是最合适的，解决局部的单层表格，table是最方便的，HTML语言加入table这个标签的初衷就在这里。 不过因应用需要，我这回必须要用div实现table的布局，只能硬着头皮搞了。 对表格区域，我用ul标签，用li作为每行的容器。 在每个li标签中，用div作为列单元的容器。 这会遇到几个问题，同时也有一些优点吧： （缺点）列的宽度必须用样式来定义，比如每行相同的列单元，都必须使用相同的class，在css中给这个class定义绝对宽度，用width=240px这类的语句，代码冗余比较多 （缺点）每个div必须添加float:left的css定义，因为div是块状元素，默认是按行竖着排列的，设为浮动元素后，才可以横着排列 （缺点）float:left这个属性的排列方式，我总结的是按左上原则，可以理解为左上角是引力中心，把每个float元素都紧紧地吸附着，如果右侧有空间，就顺序排列在右侧，如果没空间了，就到下面一行尽量靠左的位置开始排列……，因此如果宽度不够，改行左边单元的高度又高于其他单元，那么最右侧的单元会卡在左边的单元右侧，呃，可能不好理解，回头我给个图，专门说一下这个规则 （缺点）li的高度默认不是自适应，当div单元的高度很大时，会突破li容器，影响下一行li的显示，呃……不过这个是有办法解决的，这篇文章主要就是来说明这个解决办法 （优点）div对浏览器来说就是一个简单的元素，浏览器每读完一个div，就可以立即显示，不必等待所有html代码都下载完才画出页面，这也是大家不喜欢table的主要原因 （优点）每行都有自己单独的列元素，每列的宽度可以不一致，这点table很难做到，即便能做到，也是用非常绕弯的方法，而用li+div来解决，就很灵活 看似缺点比较多，不过缺点都可以解决。 下面列举几个方法，就不一一对应了，其实道理都是相通的： float元素排列被卡住的问题，可以给同行的每个div单元设定一个足够的高度，这样就不会形成“阶梯”状排列的单元，当右侧没有足够的宽度容纳新单元时，这个单元会自动到下一行开始排列（有点像windows的资源管理器，显示图标的时候，就是按照这个规则，注意，windows的每个图标，都有足够的高度和宽度） li高度不会自适应，可以搞定，给每行li设置overflow:auto（注意，尽管默认就是auto，但是否显式指定，显最终的效果是不一样的），同时设置li的宽度，width用px绝对值，li中的每个div，也要设置绝对的宽度，这几项都是必须的，缺少任何一项都会导致页面错乱 IE6的hack，其实现代浏览器，IE7+，Firefox，Opera和Safari等都可以很好地兼容div的页面布局，只有IE6很不兼容，网上也有很多hack方法，我觉得最好用的就是一点：只有IE6支持_开头的属性名，比如对margin的理解，IE6跟其他浏览器是不一样的，但在CSS中，我们可以这样写 div.test {margin:8px; _margin:4px;} ，那么，只有IE6会认为边距是4像素，其他浏览器都会认为是8像素，刚好解决IE6的问题。 简单的说说就这些了，也是最近几天的心得，跟大家分项一下~~ http://www.leakon.com/archives/183