肉包子的摇滚生活

图表在首次打开IE6进去后可以正常看到，但是这个时候再点击其他的图表，就出错了，IE8，firefox等浏览器不会有此问题，想来想去不清楚问题所在。后来用httpwatch抓包分析了下，发现IE6第二次不会重新加载图表。shit，又是 IE6缓存问题造成的。要解决IE6的缓存问题，当然就是每次请求的时候请求地址后面附带一个随机数。

说实话，每次新版本浏览器推出的时候很快就会有一系列的评测报告，但是我一向对这些评测报告不怎么感兴趣。因为无论新版本的浏览器有多牛x，至少在5年内，我还是总是要为IE6做兼容。因为我现在做的网址面向不是高端用户，就算出现一条推荐您使用更高版本的浏览器，都是对用户体验的伤害。之前一直知道chrome的Javascript评测成绩惊人，不过从来没体会到。今天结结实实的体会到，chrome的Javascript能力的惊人之处。

lightBox效果在刚出现的时候引发了一个热潮，但是最开始是基于prototype的，咱一向都用jquery，就用不上了，都用thickbox。后来出了jquery版本的lightbox插件，效果不错，就在项目中用上了。可以点此查看效果：http://www.hxfang.com/action-model-name-newhouse-itemid-13.html
但是在实际使用过程中，发现这个插件还是有些小bug要解决。

项目中用到了google地图，需要地图显示的区域会自动扩展到最大，宽度的自适应是很容易的，width 100%就可以搞定，但是高度试过了几种方法都不满意，浏览器兼容性很难做，很麻烦。最后觉得还是用Javascript来实现最好。范例的代码如下：

前段时间在整理fckeditor的一个相关项目时候发现，编辑器里的iframe在第一次加载的显示不出来，显示空白，但是很奇怪的，刷新就可以正常显示了。一开始以为这只是IE6下iframe加载的bug，但是最后结果发现这是IE6下Javascript延迟加载的bug。

CSS跟JavaScript开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css和javascript在各种浏览器下的兼容性报告，也期待各位不断补充。
由于发觉内容收集越来越多，决定将CSS跟JavaScript分开。

Konami Code简单的说，就是键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A 后，页面上出现特殊的变化。这个规则来自于“魂斗罗”中的“秘技”。“秘技”的术语就叫 Konami Code。这东西还真有趣，有空也可以给自己的网页搞一个彩蛋玩玩。

网上看到的一段很好玩的js代码，感觉写得很精妙，值得收藏。
想让你的浏览器里的图片转起来了，直接在地址栏内输入如下：
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6;
y3=.24; x4=300; y4=200; x5=300; y5=200;
DI=document.getElementsByTagName(“img”); DIL=DI.length;
function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style;
DIS.position=’absolute’; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+”px”;
DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+”px”}R++}setInterval(‘A()’,5);
void(0);

接下来博客的文章，打算结合梅花雪的文章，以及曹力等人的一些文章，来系统的介绍下如何对JavaScript脚本做性能优化。
JavaScript性能优化重要吗？当然，如果你的JavaScript只是做一些简单的表单验证，你几乎可以忽略。但是，如果你是构建一个复杂的基于JavaScript的程序，例如webgame，富客户端，那么优化JavaScript程序的性能就很重要了。

很久没做更新了。最近比较忙碌，手头的webgame也都放下。最近很想念我的小webgame了，回来继续写。