熊幽默--web前端

404页面会传送到客户端吗？

2008-11-25T20:44:00.018+08:00

在网站中，对于404错误最常用的应对方法是，做一个404页面，当访问不存在的资源时，就会跳转到这个404页面。404页面本身也是一个完整的xhtml/html页面。
假设连接到一个不存在的图片<img src="hello.gif" />。
想知道服务器到底是传递一个仅包含404的头，还是整个xhtml/html页面的代码。

于是我在淘宝测试了下。
1:首先添加一个属性，链接到一个不存在的图片。

2：打开“网络”选项卡，可以看出返回了大小4K左右的数据。

3：单击Load Response 按钮，将404页面的代码全部复制到一个记事本中，得到文件大小8.73 KB (8,947 字节)。

不对呀，从第一张图片可以看出，返回了4K的数据。但不要忘了，从Content-Encoding gzip得知，服务器是开启了gzip压缩功能的，因此才返回了4K左右的压缩数据。看来服务器是将整个xhtml/html返回到了客户端，而非仅仅一个404的头那么简单。

明白了怿飞的提高Web页面的性能（二）这篇文章的第8条，尽量避免返回404 。

不知道以上得出的结论正确否！

都在“过冬”

2008-11-10T21:57:00.005+08:00

最近“过冬”似乎成了热门词汇。

很多人失业并出现了返乡潮，回家吧，也许外面的世界不是那么精彩。
我生在农村，看见很多老人家在家里干农活，带小孩，而媳妇儿子都到沿海打工去了。虽然说家里挣钱不是那么容易，但都是相对的，孩子们缺少父爱母爱，父母们更缺少关怀，一年一趟，来去匆匆。

历史有它自身的规律，就算现在少掉99%的经济学论文，社会也照样发展。

今天偶然间发现，经常用的css2.0手册在2002年都出来了。可今年的IE8才全部实现其中的选择符。新技术让我找不着北。特别是那个AIR的东西。我们主管却仍在抱怨“这个div真难控制”，于是他索性用table，我没有像以前一样心底里去偷偷的笑了，看来我的“div”仍然是冬天。

看了三鹿奶粉心寒，因为很多过期东西都会拿到农村做最后消费的。那句话说得对，没文化真可怕，我奶奶曾经就上过当。可三鹿，连过冬的机会都没有。况且，不是每个公司都有资格谈过冬，因为从来就没有过春天，或许过冬带来了一个很好的借口。

我一直就处于寒带，无四季，便谈不上过冬。

原来，我的所有问题中，有99%都不是问题。

2008-10-25T21:10:00.007+08:00

今天读了怿飞的display:inline-block的深入理解这篇文章。发现，原来这些问题别人早就遇到过了。

我想有自己的见解，因此瞎编了这么一段解释：“inline-block按字面理解，将行内转换为块级，而div标签是行内吗？显然不是，因此就不发生作用啦！”。

真想写点东西，可没什么写的了。
因为我发现，在所有浏览器兼容问题中，有99%的问题都被先哲们经历且一定程度上解决了。

情况只会越来越好，而那些今天必须掌握的兼容技巧也许会慢慢淡出视线。
不知道以后讨论什么？或许是更偏向技术理论方面.....

给img设置双边框

2008-10-01T10:13:00.008+08:00

看了怿飞的可以给img元素设置背景图这篇文章，关于设置双边框的那个例子。我是这么干的，不过，多了一个外围标签。

CSS：
<style type="text/css">
a{border:solid 1px #777;display:inline-block;padding:2px;}
img{border:solid 1px #aaa;display:block;padding:5px;}
</style>
XHTML：
<body>
<a href="#"><img src="apache_pb22.png" /></a>
</body>
效果：（这里使用了一个外围A标签，如果这个图片不是一个超链接，那么把a换成span）

“NEW CREATIVE SUITE 4”就要正式发布了

2008-09-22T22:36:00.017+08:00

现在是北京时间2008年09月22日23:40，再过20分钟，东八区跨入23日。
按照美国中部时间，还有过14个小时就是23号(这时区该怎么换算呢？)，意味着 NEW CREATIVE SUITE 4 正式发布。价格用脚趾头想想，不低于3位数的$，天生穷命。嘻嘻，在下世纪，买软件或iphone就像买白菜一样了。

最期待其中的Dreamweaver CS4。
在网上下载的测试版非常好用，界面就让人振奋，不足之处就是容易崩溃。
dw cs4界面上的界面字体样式，跟iphone中的很像，很漂亮。

美好的23日，happy day。
25日，天公作美的话，神七将会发射，happy day！

今天是9.18

2008-09-18T21:56:00.003+08:00

幻想泡泡破灭了。
想去干洗碗工的工作，累可以让人好受些。

人，有的时候，必须要有一些打击，或轻的重的。
打开一个个窗子，继续书写幻想。

今天是9.18，坏日子。

纠正：不是web developer 1.1.6的一个小bug

2008-09-18T17:13:00.011+08:00

打开阿里巴巴的首页，等待页面加载完毕后，选择Disable--Disabled JavaScript--All JavaScript。
然后点击左边二级菜单的标题右侧的小三角形（“Browse by Category”右侧的小三角形）。会发现弹出层依然可用，可以肯定的是，这是JavaScript在执行。
应该算是web developer的一个小bug了。

且下面的切换效果也仍然可用：

环境：Firefox 3.0.1,Web Developer 1.1.6,Firebug1.21(不会是Firebug在作怪吧! )(-:
汇报给web developer的作者。 (-:

----------------------作者回复的分割线--------------------------------
大概意思是说，不是web developer的问题，而是Mozilla的问题。
----------------------回复内容--------------------------------

This is because the JavaScript for that event has already loaded so it
is still functional. If you disable JavaScript before the page loads
then it doesn't work.

Note that disabling JavaScript in the extension just disables it using
the default browser preference so if you still consider this a bug you
should report it to Mozilla not me.

2008/9/21 :
> ---------Google automatic translation---- Hello, I am a user of the Web
> developer, a few days ago, it found a bug. 1: Open the home page Alibaba
> http://www.alibaba.com, and wait for the page loaded. 2: web developer ->
> Disable-> Disabled JavaScript -> All JavaScript 3: Ctrl + F, search for
> \"Browse by Category\", you will find it in the right side of a triangle,
> click it. --- Know if it is not a bug, obviously, this is in the
> implementation of JavaScript. In addition, I am not English, which is Google
> from the Chinese to English, using machine translation. Thank you.
> -----以下是汉语--Chinese--- 您好，我是Web developer的一位用户，前几天发现了它的一个bug。
> 1∶打开阿里巴巴的首页http://www.alibaba.com，并等待页面加载完毕。 2∶web
> developer-->Disable->Disabled JavaScript-->All JavaScript 3∶Ctrl+F,搜索"Browse
> by Category"，你会发现在它右边有一个三角形，点击它。 ---不知道算不算一个bug，很明显，这里是JavaScript在执行。
> 另外，我英语不好，这是Google从汉语到英语，用机器翻译的。谢谢。

用不同的窗子看不同的风景

2008-09-16T08:55:00.006+08:00

中秋三天，家里网也断了3天，够郁闷的。问爱普宽带的客服，却说路由器什么的坏了，正在调整参数，一调就是3天。

现在知道，稳定才是硬道理。

打开邮箱，等到了一封csdn的自动推送邮件。囧

把超越CSS 翻出来看了下。引用书中一段话：“试图想让使用不同浏览器的访问者获得一致的用户体验，是不现实的想法，且是没有价值的。”。哼哼，紧跟跳出个词“分级体验”。
对，明智的做法。

如果努力尝试在所有目标浏览器获得一致的效果，那么，光漫无边际的hack就够受的。

是的，又听见了：“你的页面IE6不兼容”。有点委屈，为什么要兼容IE6 ？
当然没办法，客户有理由：“我用的是遨游啊，比Firefox还好用！”，很无奈的理由。

现在是2008年9月，我们继续做以兼容IE6为底线的网页。但可以想，这不是未来的趋势。
有必要让客户更新至IE7（等段时间也许就该是IE8了），当然我们要做些东西“诱导”他们。

有次在网吧上网，发现浏览器版本是IE7，当时也有很多网站不兼容，可现在看看，各大网站都开始完美兼容IE8了。企业招聘的时候也会说“我们就要会div+css的人” 。

但在兼容IE7的时候，却没把IE6的Hack习惯扔掉，还弄出了针对IE7的Hack。这不是开发者的错，而是IE6的错，导致我们把ie6的hack恶习惯性到了IE7。

再次引用标题---用不同的窗子看不同的风景。

清除浮动

2008-09-12T09:20:00.005+08:00

我有点执拗，以前听别人说overflow:auto;可以用来清除浮动，我不相信。
今天看到了这篇帖子 CSS 别忘记清除浮动相信了。
在这之前一直用clear:both;这个来清除浮动。要清除浮动的时候一般是因为上级兄弟标签无法确定自身高度，这个时候我就把它(指上级兄弟标签)也弄成浮动的。不过这样有弊端，导致上级所有的div标签几乎都设置了float。虽然也兼容N个浏览器，但心里总感觉不踏实。

刚才测试了下，感觉overflow:auto;用来清除浮动是个比较好的办法，这样不用float也可以确定自身高度。且下级兄弟标签也不需要使用 clear:both;。

写空标签来清除浮动的方法，总感觉不好。

以前在经典论坛上看到了篇帖子，记不清链接了。
说adobe的首页是这么清除浮动的。

实践出真知，当然最终还要经过N个浏览器的检验。

天天想，不知有着落没 ....

电话面试后

2008-09-11T14:34:00.002+08:00

接到了淘宝UED的电话面试，不知怎么，刚开始拿电话的手一直抖个不停。
很激动，怕回答的不对。特别是问到对未来的规划。
当真，我还没有仔细考虑过未来....可能是方向太多了。
Flex和未来的XHTML5，到底谁好，其实谁都说不准。
不过根据CSS3来看，前景还是很好的，就等浏览器支持了。貌似还要等一段时间，因为IE8才全面支持CSS2.1，看来CSS3还要酝酿。
我的普通话还要继续加强，刚才把“火狐”说成了“火福”，害得别人没听清楚，哎。

不管结果如何，都要努力学习。

IE8 Beta2下支付宝首页导致的崩溃

2008-09-10T22:06:00.000+08:00

昨日重装了系统，更新系统补丁的时候顺便把IE6也直接过渡到了IE8 Beta2。可问题出来了，一打开支付宝首页进行登陆。却弹出程序错误。IE就这么崩溃了。

折腾了一回儿还是无法登陆。我看到淘宝首页的右侧“帮助中心”，便想去把这个情况反馈给淘宝。当我上传图片的时候，弹出这个莫名其妙的对话框。

另外，在“我的Email”那个文本框的下面，有这么一段文字“*未注册会员请点击这里免费注册；已注册会员请先登陆。 ”。我不敢点登陆，因为一点就怕IE崩溃，但不登陆却无法把情况反馈给淘宝。因此写在这里算了。

修改下，暂时找到了解决办法:
这个方法有风险。且不能使用"证书导入"功能，如果使用了会导致IETester崩溃。
去 http://www.my-debugbar.com/wiki/IETester/HomePage 下载IEtester。
安装好后，点击“选项卡”命令，然后选择“IE 7 ”。
然后登陆支付宝首页 http://www.alipay.com ，会提示你安装一个控件什么的，选择安装。
然后就可以登陆了，不过不知道安不安全。
我试了试，可以使用查看余额这个功能。

但不能使用证书导入功能，使用的话后果就是IEtester崩溃。

一个选项卡切换的例子

2008-09-08T12:04:00.005+08:00

这篇贴子，专门用来存储图片，图片供经典论坛那边使用。
选项卡切换
CSS星级选择器

inline-block的应用

2008-09-06T19:04:00.000+08:00

一个无限多自动居中，并且a还是块级（不是真的，但可以看a的焦点虚线框为证）的列表。

以前的做法挺神伤的，要使内联元素成为一个块级，就不可避免使用display:block;预示这必须用float:left;（不然导航都不在一行了）当然后果就是无法自动居中了。

Dreamweaver CS4提示ie6、7，Opera8、9，Safari2不支持inline-block这个值。但是我测试后发现都能够支持这个值，看来是CS4误报。

以后就用下面这个啦。（思路就是这样）
<style type="text/css">
ul{text-align:center;}
ul li{display:inline;}
ul li a{display:inline-block;padding:3px 10px;border:solid 1px #aaa;}
</style>

<ul>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
</ul>

下面测试下加了inline-block和没加的区别,可以从焦点虚线框看出来（在IE中）。

第一个A的Style: style="padding:10px 5px;background:#eee;border:solid 1px #999;"
第二个A的Style: style="padding:10px 5px;display:inline-block;background:#eee;border:solid 1px #999;"

没加display:inline-block;

加了display:inline-block;

虚线框响应范围“错误”只在IE类浏览器才有。opera没有焦点虚线框之类的提示。Firefox和Safari中2个A标签都能正确确定焦点虚线框的响应范围。
不过在所有测试的浏览器中，都可以看出第二个A标签的高度大于第一个A标签约5px。

Google测试版浏览器

2008-09-03T09:24:00.000+08:00

昨天听说google要出浏览器了。
今天打开google首页，出现了"新！立即下载谷歌浏览器（测试版）"的链接。
安装过程中它自动联网去下载了文件。就在我想看看下载进度时，却发现已经安装好了，安装在了C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application。初次启动可以将firefox的书签，密码等转移过去。

选项卡交换位置的时候非常像Safari。在关于Google浏览器中也有这么一段文字。

正式版本 1583
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

就搞不清楚用的Gecko内核还是Webkit内核呢？

google的界面挺清爽的，保证了最大化可视面积，选项卡就处于标题栏的位置，第二排是地址栏。所以并没有占用过多的浏览面。
在地图里面vml画图也是可以使用的。

现在网上都在说Chorme几乎是一片倒，说Chorme如何高明，很“人性化”。
引用千鸟的一段文字

有同学喜欢马后炮，认为Chrome的简约风格如何如何高明。其实IE顶部的工具栏很早就已支持自定义和拖拽，也有F11的全屏模式。用IE不爽的原因，一是IE做的不够好，二是你没有把IE用够。对于用户习惯来说，少拿简洁说事，熟能生巧才是王道。

现在看看，感觉地址栏那一排有点像Firefox2时代的味道。

"凑巧"?

2008-08-04T20:52:00.000+08:00

地震，火炬，日全食以及接下来的奥运，便印成了2008的记忆。

-------------不知道说什么了的分割线------------------

上周周六晚，电影频道播放了《肖申克的救赎》这部电影，和阿甘正传一起出来的时候，阿甘占了上风。极其兴奋的看完了。有个片段，以为主人公找绳子是想不开。第二天早上，典狱长掀开海报后，才终于明白了阿迪的努力。当他辛苦为典狱长做“黑账”的时候，突然想起了“卧薪尝胆”，他明白自己在别人那里，就被当成了一种工具，但还是得干，当然也为了自己。有的时候就是巧，天上掉下一团火，落在房子上，房子烧毁了，所谓天灾。天灾躲不掉，但人祸却可以。帝企鹅冻死了不少，更有英国专家：人类拯救地球只剩7年。

-------------Flash的分割线------------------

(L'Amour是“爱”的意思，不代表个人观点哈，只觉得挺有意思的)

20岁了

2008-05-02T22:54:00.000+08:00

以前总觉得过生日没有什么意义。过生日时，奶奶会煮个鸡蛋给自己吃，如果过了恰好自己记得，自己便给自己补个。觉得就这样吧。生日就这么过着。按标准算来，应该是煮了19个生日蛋吧？就快吃第20个了，今年看来还是得自己煮。
要到20了，从去年7月份出来打工也快大半年了，缺乏工作经验的我换了3家公司。现在暂时固定了下来。
记得05年来成都的时候。当时还傻傻的背着高中舍不得丢的书，呵呵，还以为读大学呢。开始了平淡无味的课程，当时看来老师比我们还愤世嫉俗，一方面训斥着漫不经心听课的学生，一方面说自己在招聘会看到的情景。当时不以为然，大家很喜欢听，像听故事一样，包括我。最喜欢老师把粉笔一丢，讲他过去的事。
2年的课程，学到了东西，认识了同学，结交了一些朋友。买了一大摞电脑书，现在看来是不值得。高中时因为信息闭塞原因，凡是看到书上有电脑窗口的截图，都得看一看，有钱在把它买下，没有电脑的我倒是积了很多光盘。
20了，得继续学习Web前端方方面面，这段日子扑在Javascript上，想起高中那位老老师的话，“就像木匠背篼里的工具，一个都不能少”。
30是什么样子，
40呢，
50呢，
60呢，见马克思了么 o(∩_∩)o...？