<![CDATA[Fdream's Blog]]>http://fdream.net/blog/Oword By Fdream2010-03-18T12:45:13+08:00 <![CDATA[在弹出窗口用POST提交数据]]> Fdream http://ooboy.net xushengs@gmail.com 2010-02-22T08:36:02+08:00 2010-02-22T08:19:08+08:00 话说离上一篇日志的发表时间已有漫长的四个多月，实在是对不住读者。客观原因找一下，但是还是要实事求是：一是因为工作实在是太忙太累，无暇顾及；二是BLOG系统太慢，从前到后都需要大概，在开忙之前想修改BLOG系统来着，结果改了一点点就开始忙得不可开交了，于是也中止了。

春节休息了几天，今天上班第一天，最近混twitter混得比较多，经常要压缩URL，以前做了个书签用http://is.gd/压缩，后来发现了全球最短的URL——http://to./，于是决定换API压缩。以前的API可以用GET方式提交数据压缩，但是这个却需要用POST方式提交，因此需要在弹出窗口的同时用POST提交数据。实现起来很简单：在弹出窗口中生成一个表单，把value写到对应的字段中，打开弹出窗口后再用js提交表单即可。

代码如下：

参考代码： [复制代码] [保存代码]

javascript: void(function() {
var p = 'http://to./',
u = location.href,
x = function() {
s = '<form name="f" id="f" action="' + p + '" method="post"><input type="text" name="url" size="9" maxlength="999" value="' + u + '" /></form><script type="text/javascript">document.f.submit();</script>';
w = window.open('', 'W', 'toolbar=0,resizable=1,scrollbars=no,status=1,width=320,height=240');
w.document.write(s);
if (!w) location.href = p + '?url=' + encodeURIComponent(location.href);
};
if (/Firefox/.test(navigator.userAgent)) {
setTimeout(x, 0)
} else {
x()
}
})()

使用方法很简单:

1.先把当前页面加入书签，然后修改书签的属性，更改链接名称，然后更改链接地址为：

参考代码： [复制代码] [保存代码]

javascript:void(function(){var p='http://to./',u=location.href,x=function(){s='<form name="f" id="f" action="'+p+'" method="post"><input type="text" name="url" size="9" maxlength="999" value="'+u+'" /></form><script type="text/javascript">document.f.submit();</script>';w=window.open('','W','toolbar=0,resizable=1,scrollbars=no,status=1,width=320,height=240');w.document.write(s);if(!w)location.href=p+'?url='+encodeURIComponent(location.href);};if(/Firefox/.test(navigator.userAgent)){setTimeout(x, 0)}else{x()}})()

2.打开你要压缩URL的页面，在书签栏点击这个书签，按下Ctrl + C复制就可以了，方便吧？

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/701.aspx <![CDATA[Windows 7边栏小工具-Gmail Notifier-查收Gmail]]> Fdream http://ooboy.net xushengs@gmail.com 2009-10-08T07:27:11+08:00 2009-10-08T07:21:46+08:00 国庆呆着无聊的时候，折腾了个Windows 7的边栏小工具，用来及时查收Gmail，可自定义收取时间间隔，预览Gmail邮件内容，有新邮件时会有提示音通知。截图如下：

呆在边栏时的状态：

预览Gmail邮件：

参数设置：

工具下载地址：

点击此处下载

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/700.aspx <![CDATA[不安全的js写法]]> Fdream http://ooboy.net xushengs@gmail.com 2009-09-11T00:18:36+08:00 2009-09-11T00:05:20+08:00 一种很常见的写法：

参考代码： [复制代码] [保存代码]

document.write('<scr'+'ipt src="http://a.com/b.js" type="text/javascript"></scr'+'ipt>');

直到被杀毒软件提示有恶意代码才发现这也是不安全的，汗……

那就只好改成这样了：

参考代码： [复制代码] [保存代码]

(function() {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.src = 'http://a.com.cn/b.js';
    document.getElementsByTagName('head')[0].appendChild(s);
})();

搜了一下，原来还有“邪恶”的eval，具体可以看这里：网马解密大讲堂——网马解密中级篇(Document.write篇)。

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/699.aspx <![CDATA[全新极速CSS选择器引擎whiz]]> Fdream http://ooboy.net xushengs@gmail.com 2009-08-21T03:47:49+08:00 2009-08-21T03:31:30+08:00 好不容易有些空余时间，便拿来写自己的CSS选择器引擎了，这个CSS选择器引擎的目标只有三个：

  • 速度要快
  • 代码要精简
  • 要支持CSS3的选择器。

希望通过这个，能够真正理解那些牛逼的框架中的一部分，比如jQuery，Mootools，YUI等等。花了接近三个星期的时间，大重构了三遍，从最开始的速度极低到现在的极速，每一次都是大换血。在这个过程中，我看到了那些大师写代码的境界，即使我完成了这样一个东西，代码依然很难看。

大家可能看完性能测试才会有兴趣，下图是一个较全的性能测试结果，大家可以在这里测试，大家可以自己跑一跑看（由于加载的东西较多，请耐心等待一会儿再点start按钮）。

代码量目前还没达到我满意的程度，不过已经足够小了，Gzip之后仅仅只有2KB（YUICompressor压缩之后为8.61K（win NTFS）），另外，针对Firefox 3， Opera 9性能还有很大的提升空间，因为我没有使用document.getElementsByClassName。但是这些优化在我看来不再是必要的，因为Firefox的用户应该会很快升级到Firefox 3.5，Opera 10也会很快变成正式版，它们都有本地方法querySelectorAll，所以只要选择器引擎在IE6和IE7下的性能达到最高就可以了，其他的浏览器都有本地方法querySelectorAll了。

在写这个选择器引擎的过程中，更进一步了解了js性能优化的更多方法。

另外，人力有限，此选择器引擎未经过足够完整的案例测试，如果有谁有兴趣帮忙测试者，可以和我联系向我索要源代码，等稳定性达到一定程度后会全面开放源代码。

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/698.aspx <![CDATA[微软太执着，你不喜欢IE8那我就给你IE7]]> Fdream http://ooboy.net xushengs@gmail.com 2009-06-25T20:25:08+08:00 2009-06-25T20:16:53+08:00 我有一个XP的系统，非常干净，IE6也一直没更新，留着原版测试CSS和JS。昨天早上开机提示要我安装更新，于是确定安装，结果蹦出个IE8的安装界面，吓了一跳。还好是第一步，可以不安装，于是点了不安装。图如下：

今天早上来开机，发现又有更新，于是继续装，结果今天蹦出个IE7的安装界面，雷啊！不过还是没装：

为什么都在Windows Update里面推荐更高版本的浏览器了，还存在这么多IE6呢？不要告诉我都和我一样，我很少用IE的，IE6就更不用了……

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/697.aspx <![CDATA[背景图片千万不要gzip压缩，尤其是PNG]]> Fdream http://ooboy.net xushengs@gmail.com 2009-06-18T03:49:05+08:00 2009-06-18T03:11:47+08:00 我们网站的静态资源（css、js和背景图片）和web应用程序是分开部署的，几乎所有的静态资源都部署在同一个应用下。最开始的网站很简单，对所有的静态资源都进行了gzip，包括所有的css，js，图片，flash等等，也一直相安无事。

直到……直到有一天用了png做背景图片，并且上传到服务器进行部署，发现在很多IE6都会在这个页面卡死，无法动弹，出事的几率非常的高。但是在内网部署的没有任何问题，那问题就只能比较内网和公网的服务器环境了。观察HTTP请求头部是个不错的方法，很快锁定是由于gzip的png引起的。内网服务器加上gzip测试，果然如此。

其实对图片等文件进行gzip是完全没有必要的，原因很简单：在web里面用作背景的图片99%以上都是gif或者jpg或者png，这些格式本来就是压缩过的，再用gzip对他们进行压缩只是徒增服务器负担而已。

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/696.aspx <![CDATA[更新Twitter的几种方法]]> Fdream http://ooboy.net xushengs@gmail.com 2009-06-03T00:58:42+08:00 2009-06-03T00:41:24+08:00 万恶的GFW，只要“国际互联网”还没有完全变成“国际不联网”，更新twitter的方法总是有的，目前知道的几个方式：

1.用Gmail更新

如果你有Gmail，请登录你的Gmail，点击“settings”（设置），如果你是中文版的Gmail，需要在“常规”选项卡里面更改显示语言为英语。切换到“Gadgets”选项，在“Add a gadget by its URL:”下面的文本框中输入下面的地址：

引用内容：

http://twittergadget.appspot.com/gadget/gadget-gmail.xml

然后点击“Add”按钮，在左侧就可以看到“Twitter”了，使用你的Twitter帐号登录就可以了。

2.代理网站

目前发现比较好的网站有这几个：

3.设代理服务器

这里有一些翻墙代理：

http://www.39proxy.com/ip.html

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/695.aspx <![CDATA[Twitter、Flickr、Bing等被封]]> Fdream http://ooboy.net xushengs@gmail.com 2009-06-02T22:04:43+08:00 2009-06-02T21:41:23+08:00 没有意思，也不想多说。

贴两张图吧，不过为了避免不必要的牺牲，这个图可能还得您手动点一下。

图片一

图片二

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/694.aspx <![CDATA[囧了，Windows 7六月一号失效]]> Fdream http://ooboy.net xushengs@gmail.com 2009-05-25T07:22:17+08:00 2009-05-25T07:16:33+08:00 今天收到了Microsoft的邮件通知，告诉我Windows 7将在六月一日过期，每两小时重启一次。邮件部分内容如下：

引用内容：

We’re sending this mail to remind you that Windows 7 Release candidate is available and to make sure you plan ahead for when the Beta expires on August 1, 2009. On June 1, 2009, the PC you’re using to test the Beta will begin shutting down every two hours. Windows will send you a notice a couple of weeks in advance, and that’d be the ideal time to rebuild your test PC with a non-expired version of Windows, such as the RC or Windows Vista. This will be a clean installation, so be ready to reinstall your programs and data. (Learn more about installing Windows.)

So, if you haven’t already done so, we highly recommend that you download and install the RC from one of the following sites today:

看来这次端午节很重要的一件事情就是要重装系统了……啊啊啊，这个不爽！

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/693.aspx <![CDATA[用书签压缩你当前访问的页面地址]]> Fdream http://ooboy.net xushengs@gmail.com 2009-05-23T23:06:08+08:00 2009-05-23T22:48:16+08:00 正式开始twitter了，我的twitter地址是：http://twitter.com/xushengs，欢迎加入！

由于twitter的字数有限制，因此把长URL压缩成短URL是非常非常必要的。不过，你是不是因为压缩的工作而烦恼，要复制地址，然后粘贴，然后再复制，再粘贴？用书签来替你完成前面的工作吧！

把下面的这个地址拖到你的书签栏就OK了：

Compress URL

如果不能拖到书签栏，请新建一个书签或者把当前页面加入收藏，然后更改这个书签的属性，把URL地址更改为：

参考代码： [复制代码] [保存代码]

javascript:void(function(){var r='http://is.gd/api.php?longurl='+encodeURIComponent(location.href),x=function(){if(!window.open(r,'ShortURL','toolbar=0,resizable=1,scrollbars=yes,status=1,width=320,height=240'))location.href=r};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()

使用方法（需允许弹出窗口）：

  • 打开你要进行URL压缩的页面
  • 点击这个书签按钮
  • 在弹出的窗口中全选：Ctrl + A，复制：Ctrl + C

本来想把这个Ctrl + A也去掉来着，要写的代码有点长，后来发现还有问题是[http://is.gd]is.gd提供的这个API输出的是纯文本，不是HTML DOM，要做也很麻烦，先这样吧，已经省了一半的工作了。

]]>

您可以在我的blog上阅读全文并发表评论

 http://fdream.net/blog/article/692.aspx