最近项目中掉进IE6 a标签abort两次坑，第一次是a标签绑定一个事件，href='javascript:;'这样a标签触发了事件，切换验证码图片，结果验证码图片总是显示不出来，通过抓包显示状态为abort。其实这个的原因可以从IE6中a标签执行顺序说起，IE6中a标签执行onclick在执行默认事件（即href跳转）之前，当触发了绑定的事件之后，那么处理完事件之后，如果不return false或者阻止默认事件，则会继续执行href跳转，IE6会认为页面跳转到其他页面或者页面重新刷新，则abort之前onclick事件中的请求。

所以当onclick时，做出的获取最新验证码图片的请求，会因为下一步href的触发而abort。同时，如果你在a绑定的事件中做ajax请求，那么也会被无情的abort。

IE6 a标签的请求被abort的解决方案

解决的方法就是在onclick或者绑定事件中return false来阻止a标签跳转的默认事件。
例如下面的代码：

<a href="javascript:void(0)" onclick="fn();return false;">Test</a>

或者你也可以给a标签的href写成“#”，即当前页面的锚点，这样页面就不会跳转，自然不会abort请求。

最好的方式还是两种都用，保险！

随机文章

• dedeeims列表页面导航条当前样式实现方法
• javascript获取隐藏dom的宽高
• 前端开发优化总结
• 基于express+socket.io的nodejs聊天室
• png在IE6下透明的几种方法
• 微软官方发布IE调试工具：SuperPreview for IE
• 7个JavaScript在IE和Firefox浏览器下的差异写法
• php、js两种不同方式根据关键词返回经纬度接口【基于Google map API】

© 三水清 for 三水清, 2012. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: abort, a标签, IE6

猜你喜欢：
IE6中a标签location.href失效解决方法	png在IE6下透明的几种方法	最新版wBox 解决IE6 背景太小bug	解决IE6背景图片不缓存的BUG
无觅

javascript中的escape()函数和unescape()函数用户字符串编码，类似于PHP中的urlencode()函数，下面是php实现的escape函数代码：

/** 
 * js escape php 实现 
 * @param $string           the sting want to be escaped 
 * @param $in_encoding       
 * @param $out_encoding      
 */ 
function escape($string, $in_encoding = 'UTF-8',$out_encoding = 'UCS-2') { 
    $return = ''; 
    if (function_exists('mb_get_info')) { 
        for($x = 0; $x < mb_strlen ( $string, $in_encoding ); $x ++) { 
            $str = mb_substr ( $string, $x, 1, $in_encoding ); 
            if (strlen ( $str ) > 1) { // 多字节字符 
                $return .= '%u' . strtoupper ( bin2hex ( mb_convert_encoding ( $str, $out_encoding, $in_encoding ) ) ); 
            } else { 
                $return .= '%' . strtoupper ( bin2hex ( $str ) ); 
            } 
        } 
    } 
    return $return; 
}

对应的解码php unescape代码是：

function unescape($str) 
{ 
    $ret = ''; 
    $len = strlen($str); 
    for ($i = 0; $i < $len; $i ++) 
    { 
        if ($str[$i] == '%' && $str[$i + 1] == 'u') 
        { 
            $val = hexdec(substr($str, $i + 2, 4)); 
            if ($val < 0x7f) 
                $ret .= chr($val); 
            else  
                if ($val < 0x800) 
                    $ret .= chr(0xc0 | ($val >> 6)) . 
                     chr(0x80 | ($val & 0x3f)); 
                else 
                    $ret .= chr(0xe0 | ($val >> 12)) . 
                     chr(0x80 | (($val >> 6) & 0x3f)) . 
                     chr(0x80 | ($val & 0x3f)); 
            $i += 5; 
        } else  
            if ($str[$i] == '%') 
            { 
                $ret .= urldecode(substr($str, $i, 3)); 
                $i += 2; 
            } else 
                $ret .= $str[$i]; 
    } 
    return $ret; 
}

随机文章

• 光良,第一次—珍喜欢
• 使用CSS控制打印页面格式
• 晚上玩了一个晚上~
• 万众期待的Ajax评论发布啦-dedecms扩展工具
• WordPress博客的 SEO 技巧
• javascript contains方法来判断元素包含关系
• 王老师突然问：考研吗？
• 解决IE6 select z-index无效，遮挡div的bug

© 三水清 for 三水清, 2012. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: escape, php, unescape

猜你喜欢：
通过PHP批量下载图片文件	PHP生成RSS类：RSS.class.php	21个常用的 PHP 代码汇总	php获取来访者IP信息
无觅

DOMElement.contains(DOMNode)

link：https://developer.mozilla.org/En/DOM/Node.compareDocumentPosition。

DOMElement.contains(DOMNode)返回的不是一个布尔值，而是一个很奇怪的数值，它是通过如下方式累加计算出来的：

综上，来个@司徒正美 大大的方案：

var contains  = function(root, el) {
	 if (root.compareDocumentPosition)
		 return root === el || !!(root.compareDocumentPosition(el) & 16);
	 if (root.contains && el.nodeType === 1){
		 return root.contains(el) && root !== el;
	 }
	 while ((el = el.parentNode))
		 if (el === root) return true;
	 return false;
 }

随机文章

• jQuery+google weather API轻松实现天气地图（二）
• 光良,第一次—珍喜欢
• 关于wBox iFrame回调关闭问题的解决方案
• 使用Apache htpasswd.exe来管理SVN帐户
• “学长，你考研挺忙吧？！”
• 通过PHP批量下载图片文件
• Sina App Engine开发实例：天气预报的定时短信（二）
• HTMl5的sessionStorage和localStorage

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: contains, javascript

猜你喜欢：
通过javascript实现整站黑白效果	非字母javascript	Javascript事件触发列表与详解	javascript 位运算符
无觅

安装webbench

安装过程比较简单，如果你的机子之前安装过一些常用软件直接使用下面的命令就可以了：

wget http://home.tiscali.cz/~cz210552/distfiles/webbench-1.5.tar.gz
tar zxvf webbench-1.5.tar.gz
cd webbench-1.5
make && make install

webbench安装报错

没有安装ctags

如果没有安装 ctags make 编译会报错：/bin/sh: ctags: command not found
这时当然是要安装ctags啦，于是：

apt-get install ctags

搞定

没有安装gcc

这时候可能会报错：

cc: Command not found

这时需要gcc：

apt-get install gcc

其他报错

如果出现下面的错误：

cannot create regular file `/usr/local/man/man1′: No such file or directory

这时需要创建/usr/local/man/man1文件来解决：

mkdir -m 644 -p /usr/local/man/man1

使用webbench做压力测试

经过上面的折腾，webbench终于安装好了，下面要做的就是做个压力测试了，在shell里面输入下面的命令：

webbench -c 500 -t 30 http://127.0.0.1/test.jpg

参数说明：-c表示并发数，-t表示时间(秒)

最后就会出现详细的测试信息了：

Webbench – Simple Web Benchmark 1.5
Copyright (c) Radim Kolar 1997-2004, GPL Open Source Software.

Benchmarking: GET http://127.0.0.1/test.jpg
500 clients, running 30 sec.

Speed=3230 pages/min, 11614212 bytes/sec.
Requests: 1615 susceed, 0 failed.

随机文章

• 巧用谷歌Reader订阅最新春运信息
• javascript简单实现checkbox的全选与反选
• chrome扩展应用开发教程之开发chrome应用基础
• Ubuntu安装Samba实现跟windows文件共享
• Javascript设置光标位置到结尾并显示出来
• javascript获取光标位置以及设置光标位置
• 2fool.cn域名健在，爱墙升级
• Google2009年Logo大盘点——第二季

© 三水清 for 三水清, 2012. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: linux, webbench, 压力测试

猜你喜欢：
linux安装PHP加速器eAccelerator	使用windows7的virtual PC打造原装IE6、IE7、IE8测试环境	jQuery1.4正式版新功能及性能测试	Ubuntu安装Samba实现跟windows文件共享
无觅

_=+[];$=_++;__=(_<<_);___=(_<<_)+_;____=__+__;_____=__+___;$$=({}+"")[_____]+({}+"")[_]+({}[$]+"")[_]+(($!=$)+"")[___]+(($==$)+"")[$]+(($==$)+"")[_]+(($==$)+"")[__]+({}+"")[_____]+(($==$)+"")[$]+({}+"")[_]+(($==$)+"")[_];$$$=(($!=$)+"")[_]+(($!=$)+"")[__]+(($==$)+"")[___]+(($==$)+"")[_]+(($==$)+"")[$];$_$=({}+"")[_____]+({}+"")[_]+({}+"")[_]+(($!=$)+"")[__]+({}+"")[__+_____]+({}+"")[_____]+ ({}+"")[_]+({}[$]+"")[__]+(($==$)+"")[___]; ($)[$$][$$]($$$+"('"+$_$+"')")();

看到这里你肯定抓狂了，但是这段代码是可以运行的，运行的结果是 alert('cool code'); 。

javascript分析

这段代码能够运行，原因是javascript是弱类型的脚本语言，而且语法相对松散。例如下面的javascript是正确的，而且是有出乎意料结果的：

true+true;//2
undefined+''//'undefined'
(true+"")[0];//'t'
[]=='';//true
''==0;//true
typeof (+'');//number,0
({}+'');//"[object Object]"
({}[0]);//undefined

所以我们想得到一个0就可以使用:

_= +[];
_= +'';

下一步通过位运算，++等运算可以得到0~9所有数字。

因为0就是false，则!0就是true，({}[0]);可以得到undefined，({}+'')可以得到字符串：[object Object]，字符串中的字符，可以组成新的字符串，于是通过组合，我们就得到了："constructor"。

javascript中的点(.)运算符和[]的作用都是一样的，只不过[]可以接收传入变量、字符串，所以我们可以得到一个Function对象，即：

(0)['constructor']['constructor'];

另外我们也知道，下面的代码是运行的：

Function('alert(1);')();

所以，我想剩下的你就懂了……

随机文章

• Javascript事件触发列表与详解
• 用document.domain+iframe实现Ajax跨子域
• jQuery插件–wBox发布
• 对Zblog的页面分页链接的修改
• 再谈Iframe的问题
• json_encode数组出现unicode \uxxxx的解决方案
• 企业黄页网站GongSiHuangYe.COM上线
• javascript变量类型

© 三水清 for 三水清, 2011. | 5 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript

猜你喜欢：
Javascript事件触发列表与详解	Javascript设置光标位置到结尾并显示出来	javascript获取光标位置以及设置光标位置	JavaScript跨浏览器的添加删除事件绑定函数
无觅

ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？

有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647。

可以以两种不同的方式存储二进制形式的有符号整数，一种用于存储正数，一种用于存储负数。正数是以真二进制形式存储的，前 31 位中的每一位都表示 2 的幂，从第 1 位（位 0）开始，表示 2⁰，第 2 位（位 1）表示 2¹。没用到的位用 0 填充，即忽略不计。例如，下图展示的是数 18 的表示法。

18 的二进制版本只用了前 5 位，它们是这个数字的有效位。把数字转换成二进制字符串，就能看到有效位：

var iNum = 18;
alert(iNum.toString(2));	//输出 "10010"

这段代码只输出 “10010″，而不是 18 的 32 位表示。其他的数位并不重要，因为仅使用前 5 位即可确定这个十进制数值。如下图所示：

负数也存储为二进制代码，不过采用的形式是二进制补码。计算数字二进制补码的步骤有三步：

1. 确定该数字的非负版本的二进制表示（例如，要计算 -18的二进制补码，首先要确定 18 的二进制表示）
2. 求得二进制反码，即要把 0 替换为 1，把 1 替换为 0
3. 在二进制反码上加 1

要确定 -18 的二进制表示，首先必须得到 18 的二进制表示，如下所示：

0000 0000 0000 0000 0000 0000 0001 0010

接下来，计算二进制反码，如下所示：

1111 1111 1111 1111 1111 1111 1110 1101

最后，在二进制反码上加 1，如下所示：

1111 1111 1111 1111 1111 1111 1110 1101
                                      1
---------------------------------------
1111 1111 1111 1111 1111 1111 1110 1110

因此，-18 的二进制表示即 1111 1111 1111 1111 1111 1111 1110 1110。记住，在处理有符号整数时，开发者不能访问 31 位。

有趣的是，把负整数转换成二进制字符串后，ECMAScript 并不以二进制补码的形式显示，而是用数字绝对值的标准二进制代码前面加负号的形式输出。例如：

var iNum = -18;
alert(iNum.toString(2));	//输出 "-10010"

这段代码输出的是 “-10010″，而非二进制补码，这是为避免访问位 31。为了简便，ECMAScript 用一种简单的方式处理整数，使得开发者不必关心它们的用法。

另一方面，无符号整数把最后一位作为另一个数位处理。在这种模式中，第 32 位不表示数字的符号，而是值 2³¹。由于这个额外的位，无符号整数的数值范围为 0 到 4294967295。对于小于 2147483647 的整数来说，无符号整数看来与有符号整数一样，而大于 2147483647 的整数则要使用位 31（在有符号整数中，这一位总是 0）。

把无符号整数转换成字符串后，只返回它们的有效位。

注意：所有整数字面量都默认存储为有符号整数。只有 ECMAScript 的位运算符才能创建无符号整数。

位运算 NOT

位运算 NOT 由否定号（~）表示，它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一。

位运算 NOT 是三步的处理过程：

1. 把运算数转换成 32 位数字
2. 把二进制数转换成它的二进制反码
3. 把二进制数转换成浮点数

例如：

var iNum1 = 25;		//25 等于 00000000000000000000000000011001
var iNum2 = ~iNum1;	//转换为 11111111111111111111111111100110
alert(iNum2);		//输出 "-26"

位运算 NOT 实质上是对数字求负，然后减 1，因此 25 变 -26。用下面的方法也可以得到同样的方法：

var iNum1 = 25;
var iNum2 = -iNum1 -1;
alert(iNum2);	//输出 -26

位运算 AND

位运算 AND 由和号（&）表示，直接对数字的二进制形式进行运算。它把每个数字中的数位对齐，然后用下面的规则对同一位置上的两个数位进行 AND 运算：

例如，要对数字 25 和 3 进行 AND 运算，代码如下所示：

var iResult = 25 & 3;
alert(iResult);	//输出 "1"

25 和 3 进行 AND 运算的结果是 1。为什么？分析如下：

 25 = 0000 0000 0000 0000 0000 0000 0001 1001
  3 = 0000 0000 0000 0000 0000 0000 0000 0011
---------------------------------------------
AND = 0000 0000 0000 0000 0000 0000 0000 0001

可以看出，在 25 和 3 中，只有一个数位（位 0）存放的都是 1，因此，其他数位生成的都是 0，所以结果为 1。

位运算 OR

位运算 OR 由符号（|）表示，也是直接对数字的二进制形式进行运算。在计算每位时，OR 运算符采用下列规则：

仍然使用 AND 运算符所用的例子，对 25 和 3 进行 OR 运算，代码如下：

var iResult = 25 | 3;
alert(iResult);	//输出 "27"

25 和 3 进行 OR 运算的结果是 27：

25 = 0000 0000 0000 0000 0000 0000 0001 1001
 3 = 0000 0000 0000 0000 0000 0000 0000 0011
--------------------------------------------
OR = 0000 0000 0000 0000 0000 0000 0001 1011

可以看出，在两个数字中，共有 4 个数位存放的是 1，这些数位被传递给结果。二进制代码 11011 等于 27。

位运算 XOR

位运算 XOR 由符号（^）表示，当然，也是直接对二进制形式进行运算。XOR 不同于 OR，当只有一个数位存放的是 1 时，它才返回 1。真值表如下：

对 25 和 3 进行 XOR 运算，代码如下：

var iResult = 25 ^ 3;
alert(iResult);	//输出 "26"

25 和 3 进行 XOR 运算的结果是 26：

 25 = 0000 0000 0000 0000 0000 0000 0001 1001
  3 = 0000 0000 0000 0000 0000 0000 0000 0011
---------------------------------------------
XOR = 0000 0000 0000 0000 0000 0000 0001 1010

可以看出，在两个数字中，共有 4 个数位存放的是 1，这些数位被传递给结果。二进制代码 11010 等于 26。

左移运算

左移运算由两个小于号表示（<<）。它把数字中的所有数位向左移动指定的数量。例如，把数字 2（等于二进制中的 10）左移 5 位，结果为 64（等于二进制中的 1000000）：

var iOld = 2;		//等于二进制 10
var iNew = iOld << 5;	//等于二进制 1000000 十进制 64

注意：在左移数位时，数字右边多出 5 个空位。左移运算用 0 填充这些空位，使结果成为完整的 32 位数字。

注意：左移运算保留数字的符号位。例如，如果把 -2 左移 5 位，得到的是 -64，而不是 64。“符号仍然存储在第 32 位中吗？”是的，不过这在 ECMAScript 后台进行，开发者不能直接访问第 32 个数位。即使输出二进制字符串形式的负数，显示的也是负号形式（例如，-2 将显示 -10。）

有符号右移运算

有符号右移运算符由两个大于号表示（<$lt;）。它把 32 位数字中的所有数位整体右移，同时保留该数的符号（正号或负号）。有符号右移运算符恰好与左移运算相反。例如，把 64 右移 5 位，将变为 2：

var iOld = 64;		//等于二进制 1000000
var iNew = iOld >> 5;	//等于二进制 10 十进制 2

同样，移动数位后会造成空位。这次，空位位于数字的左侧，但位于符号位之后。ECMAScript 用符号位的值填充这些空位，创建完整的数字，如下图所示：

无符号右移运算

无符号右移运算符由三个大于号（>>>）表示，它将无符号 32 位数的所有数位整体右移。对于正数，无符号右移运算的结果与有符号右移运算一样。

用有符号右移运算中的例子，把 64 右移 5 位，将变为 2：

var iOld = 64;		//等于二进制 1000000
var iNew = iOld >>>5;	//等于二进制 10 十进制 2

对于负数，情况就不同了。

无符号右移运算用 0 填充所有空位。对于正数，这与有符号右移运算的操作一样，而负数则被作为正数来处理。

由于无符号右移运算的结果是一个 32 位的正数，所以负数的无符号右移运算得到的总是一个非常大的数字。例如，如果把 -64 右移 5 位，将得到 134217726。如果得到这种结果的呢？

要实现这一点，需要把这个数字转换成无符号的等价形式（尽管该数字本身还是有符号的），可以通过以下代码获得这种形式：

var iUnsigned64 = -64 >>> 0;

然后，用 Number 类型的 toString() 获取它的真正的位表示，采用的基为 2：

alert(iUnsigned64.toString(2));

这将生成 11111111111111111111111111000000，即有符号整数 -64 的二进制补码表示，不过它等于无符号整数 4294967232。

出于这种原因，使用无符号右移运算符要小心。

原文地址：http://www.w3school.com.cn/js/pro_js_operators_bitwise.asp

随机文章

• 病毒清除啦~可是似乎xp中访问博客还是很慢！
• javascript高效简洁代码的编写及优化技巧
• 使用PHP把excel(xls)文件导入mysql数据库
• QQ概念版已经开放下载使用
• 哎~都挺穷的！
• 使用navigator.geolocation来获取用户的地理位置信息
• 提前体验Google新页面
• 08.11.16

© 三水清 for 三水清, 2011. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript, 位运算

猜你喜欢：
Javascript设置光标位置到结尾并显示出来	7个JavaScript在IE和Firefox浏览器下的差异写法	非字母javascript	JavaScript跨浏览器的添加删除事件绑定函数
无觅

IE6下面调用开启了gzip压缩Javascript的时候，时常会碰到无法执行的情况，有可能是src调用，有可能是ajax调用，其它的浏览器工作正常，唯独IE6不能正常工作。
出现这个BUG的状况如下：

1. 用户使用IE6浏览器
2. 服务器没有设置 被请求文件(javascript) expires, cache-control.
3. 服务器端开启了chunked encoding模式
4. 通过javascrip的src调用方式或者ajax请求javascript文件
5. 有可能是通过php生成的javascript文件
6. 服务器端开启了gzip压缩

解决这个问题，我们要在服务器的cache-control和expires 头信息上做点工作。
经过测试，header头信息如下的gzip压缩过的javascript调用可以正常工作。

Cache-Control:maxage=1
Connection:keep-alive
Content-Encoding:gzip
Content-Type:application/x-javascript;charset=GBK
Date:Wed, 01 Dec 2010 01:24:07 GMT
Expires:Wed, 01 Dec 2010 01:24:08 GMT
Pragma:public
Server:nginx
Transfer-Encoding:chunked

分析上面的头信息，我们可以注意到：

1. cache-control必须要设置成maxage=time的格式，maxage是指定缓存生效时间，1为1秒
2. Expires必须要设置，它的时间稍大于Date即可，Date是页面请求时间，Expires是过期时间
3. Pragma设置为public

设置好了这两个参数，一般就可以了。

在nginx服务器端，我们需要对服务器配置：

location ~* \.(ico|css|js|png|jpeg|jpg|gif|rar|zip|7z|gz|pdf) {
expires 1d;
}

如果javascript文件是由PHP生成的，我们就需要利用php来输出header控制了。

<?php
$expires = 1;
header("Pragma: public");
header("Cache-Control: maxage=".$expires);
header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$expires) . ' GMT');
header("Content-Type: application/x-javascript;charset=GBK\n");

实际应用中，需要灵活配置，Javascript文件，请尽可能通过服务器发送header头，PHP生成javascript文件，效率本来就不高，再加上额外需要输入header头，更是得不偿失。

随机文章

• IE中Image.onload失效的问题
• 最新版wBox 解决IE6 背景太小bug
• javascript入门到高级PPT
• 解决IE6不支持max-height的bug
• IE event.stopPropagation()阻止冒泡事件
• Javascript中模拟PHP的base64_decode和base64_encode函数
• Ajax评论bug更新
• js8.in PR值升为4

© 三水清 for 三水清, 2011. | 8 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: bug, IE6, javascript

猜你喜欢：
解决IE6不支持max-height的bug	最新版wBox 解决IE6 背景太小bug	IE6 PNG图片不透明问题的解决方法	IE6下javascript不能隐藏select标签的bug
无觅

本来想说博客的事情，却突然发了这么多的感慨。博客正式两年是2012年的1月22，也就是大年三十，那时候肯定没时间发博客，趁着现在有时间，又换了主题一段时间了，就总结下。

三水清博客的发展

本博客从最最开始记录大学的一些事情，到发展成为前端开发博客经历了不少“大事情”，期间换域名2fool.cn 更换问js8.in，顺便名字从二傻网，改为了断桥残雪部落格，之前徐同事经常戏称“残花败柳”，其实断桥残雪是西湖的十大美景之一，有点凄凉的感觉，后来啊花说自己一个朋友也是这个名字，所以一直相机会换下名字，为了找工作，注册了微博（其实之前是有的，因为参加APP大赛当了官方微博用了，后来被封了），并且起名字为“清-三水清”，三水清其实是我名字，因为某机关的优秀同志，把我的清换成了青，所以为了强调自己的清是清水的清，一直会说“是三点水的清的那个清”。

微博的主题

上个月博客换了主题，也就是现在的主题，顺便连博客的名字也就改了。感谢老纪同学百忙中听我唠叨，帮我设计博客主题，听说他快当爹了，提前祝福下老纪和嫂子。

这次的博客主题跟上一个版本的一样是html5+css3的，对IE6也没做兼容，风格很像新版新浪微博，而且换肤直接读取的新浪微博的皮肤css即可，换肤后默认记录皮肤cookie。

域名更短

自从换了主题之后，排名收录都不错，于是果断把网址从www.js8.in，301跳转到了js8.in，更加简洁。经过一段时间来看，百度google的排名还是不错的。所以以后大家进入我的boke就可以少敲4个字符了，直接输入js8.in回车就可以了。

网址的站点统计使用的是量子统计，因为他的代码简单，我将代码copy到本地，修改了一下，只看个访客内容就可以了，没太多的要求，近期来看，每天的IP稳定在700以上，只是周末有点少（可能因为周末程序猿都休息吧），订阅本前端博客的已经超过了300，还是不错的一个数据。

今天看了司徒正美的文章比较有感觉，从面试到工资再讲到了前端工程师的个人发展，发现自己还要继续努力，前端的路子很长，说实话有时候前端做的事情很杂，也不受重视，但是前端却至关重要。浮躁了自己，则会被后来者追上，静下心来看清自己，看清自己的发展才是正道。以后会继续写前端的文章，大家多来捧场，记得我博客的名字：三水清，网址：js8.in.

ps:从小不会写作文，每次写的乱七八糟，自嘲到——意识流风格。

随机文章

• Adobe紧急发布flash Clickjacking漏洞暂时的解决方案
• 我开发的新浪微博应用：微博送祝福
• 一个中国人笑不起来的笑话
• Sina App Engine开发实例：天气预报的定时短信（一）
• 公司的DBA说了一些SQL数据库的箴言
• 基于express+socket.io的nodejs聊天室
• 一道js正则笔试题
• 韩峰其实是个好干部

© 三水清 for 三水清, 2011. | 9 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: 域名, 网站更新

猜你喜欢：
GoDaddy促销COM域名，在华仅0.99美元	断桥残雪爱墙系统上线	2fool.cn域名健在，爱墙升级	断桥残雪部落格更换新域名JS8.in
无觅

javascript的String.replace方法应该javascript前端开发工程师都了解，可是你掌握了吗？replace有接受两个参数，第一个参数可以是字符串，也可以是正则表达式，第二个参数除支持字符串之外，还支持$1形式正则匹配的文本，除此之外还支持传入一个处理函数，这个函数的return值就是要替换成的内容。
了解更多javascript的String.replace用法，访问：http://www.w3school.com.cn/js/jsref_replace.asp

String.replace的妙用

在《javascript获取隐藏dom的宽高》中，我就使用了replace，使用replace做一些重复性的操作，减少不必要的代码。

其实这里说的重复性的工作就是循环！例如，我们要获取假如我要求id为div1和div2的两个元素的宽高，一部分人会一点一点的做，先算完div1的，然后做div2的，这样你是否觉得有部分是充分的操作呢，于是可以将取宽高的函数独立出来，这样多了一个函数，而且函数只用这两次，似乎有点浪费。

于是一部分人想到了使用split切分字符串，然后用Array.forEach做循环。例如下面的代码：

"div1 div2".split(' ').forEach(function(a,i){
    console.log(a);
	//do something
})

这样对于支持forEach的高级浏览器还是可以的，否则需要扩展数组原型了，不提倡扩展原型，即使不扩展原型提供个额外的函数来操作，就又是浪费，

所以我的做法是使用replace，代码如下：

var wh = {};
"div1 div2".replace(/[^ ]+/g,function(a){
	var elem = document.getElementById(a);
        wh[a] = {};
	'Width Height'.replace(/[^ ]+/g, function(i){
			wh[a][i] = elem['offset' + i] || elem['client' + i];
		});
});
console.log(wh);

有人说不好懂，而且有点太……，对就是有点装B，呵呵~但是简洁，前端开发的代码还是简洁点好。另外还有通过位操作来判断String.indexOf返回的是否为-1，也是个不错的方法~呵呵，不多说了

随机文章

• 做个中国工会网竟然670万！
• 利用GControl和GLayer对象在地图上显示panoramio图片
• 非字母javascript
• 评论开通了~加上啦~
• 新浪微博jsSDK操作指南
• 奋斗了两天！
• 男人也需要一个依靠[转]
• 新功能-QQ秀上线

© 三水清 for 三水清, 2011. | 2 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript, 代码优化

猜你喜欢：
javascript高效简洁代码的编写及优化技巧	Javascript正则表达式详解	非字母javascript	如何写出高质量的Javascript代码
无觅

vps是centOS系统，php为nginx+fastcgi，nginx安装目录/usr/local/nginx，php安装目录/usr/local/php，开始在linux安装PHP加速器eAccelerator吧！

预编译安装eAccelerator

安装前准备

安装之前使用需要安装make和phpize，如果安装过，跳过此步骤。运行下面的命令

yum install make php5-dev
//ubuntu下用apt-get

安装eAccelerator

然后开始下载eAccelerator，配置安装编译：

wget http://bart.eaccelerator.net/source/0.9.6.1/eaccelerator-0.9.6.1.tar.bz2
tar xjf eaccelerator-0.9.6.1.tar.bz2
cd eaccelerator-0.9.6.1
/usr/bin/phpize
./configure -enable-eaccelerator=shared -with-php-config=/usr/bin/php-config
make
make install

这时会将eaccelerator安装到php目录中，屏幕会显示eaccelerator.so所在路径，例如：

Installing shared extensions:/usr/local/webserver/php/lib/php/extensions/no-debug-non-zts-20060613/

记住这个路径，在后面的配置文件里面会用到。

配置eAccelerator缓存路径

mkdir /tmp/eaccelerator
chmod 777 /tmp/eaccelerator

配置eAccelerator

安装eAccelerator之后，需要配置才可以使用哦~所以我们需要在php.ini中添加eAccelerator的配置，当然你也可以新建个配置文件，在php.ini中引入配置文件即可。

[eaccelerator]
zend_extension=”/usr/local/webserver/php/lib/php/extensions/no-debug-non-zts-20060613/eaccelerator.so”
eaccelerator.shm_size=”8″
eaccelerator.cache_dir=”/tmp/eaccelerator”
eaccelerator.enable=”1″
eaccelerator.optimizer=”1″
eaccelerator.check_mtime=”1″
eaccelerator.debug=”0″
eaccelerator.filter=”"
eaccelerator.shm_max=”0″
eaccelerator.shm_ttl=”3600″
eaccelerator.shm_prune_period=”3600″
eaccelerator.shm_only=”0″
eaccelerator.compress=”1″
eaccelerator.compress_level=”9″
eaccelerator.keys = “disk_only”
eaccelerator.sessions = “disk_only”
eaccelerator.content = “disk_only”

几个重要配置说明

安装为 Zend extension 模式为上面的配置，如果你使用了thread safe模式安装的PHP，你必须使用 “zend_extension_ts” 替换第二行的 “zend_extension”，安装为 PHP extension 模式为“extension”。

cache_dir:缓存的文件夹位置，就是上一步我们mkdir的路径。
shm_size:缓存的大小，根据自己服务器实际情况设置
enable:开启或关闭 eAccelerator，”1″ 为开启，”0″ 为关闭。默认值为 “1″。
optimizer:启或关闭内部优化器，可以提升代码执行速度。”1″ 为开启，”0″ 为关闭。默认值为 “1″。
check_mtime:打开或者关闭 PHP 的文件修改检查，”1″ 是指打开，”0″ 是指关闭。默认值是 “1″。
debug:开启或关闭调试日志记录。”1″ 为开启，”0″ 为关闭。默认值为 “0″。会将缓存命中得记录写入日志。
filter:判断哪些 PHP 文件必须缓存。可以指定缓存和不缓存的文件类型（如 “*.php *.phtml”等）如果参数以 “!” 开头，则匹配这些参数的文件被忽略缓存。默认值为 “”，即，所有 PHP 文件都将被缓存。
shm_max:当使用 ” eaccelerator_put() ” 函数时禁止其向共享内存中存储过大的文件。该参数指定允许存储的最大值，单位：字节 (10240, 10K, 1M)。”0″ 为不限制。默认值为 “0″。
shm_ttl:当 eAccelerator 获取新脚本的共享内存大小失败时，它将从共享内存中删除所有在最后 “shm_ttl” 秒内没有存取的脚本缓存。默认值为”0″，为不从共享内存中删除任何缓存文件。
shm_prune_period:当 eAccelerator 获取新脚本的共享内存大小失败时，他将试图从共享内存中删除早于”shm_prune_period” 秒的缓存脚本。默认值为 “0″，为不从共享内存中删除任何缓存文件。
shm_only:允许或禁止将已编译脚本缓存在磁盘上。该选项对 session 数据和内容缓存无效。默认值为 “0″，为使用磁盘和共享内存进行缓存。
compress:允许或禁止压缩内容缓存。默认值为 “1″，为允许压缩。
compress_level:指定内容缓存的压缩等级。默认值为 “9″，为最高等级。

eaccelerator.keys = “disk_only”
eaccelerator.sessions = “disk_only”
eaccelerator.content = “disk_only”

设置内容缓存的存放的地方，可以设置为：
shm_and_disk 在共享缓存和硬盘(默认值)
shm 默认存在共享内存，如果共享内存已满或大小超过 “eaccelerator.shm_max” 的值，就存到硬盘
shm_only 只存放在共享内存
disk_only 只存放在硬盘
none 不缓存数据

重启相关服务

# 重启nginx
/etc/init.d/nginx restart
# 重启PHP-CGI
/etc/init.d/php-fastcgi restart

查看eAccelerator运行情况

eAccelerator安装包里有一个control.php文件，把它复制到网站的任意目录，然后将路径添加到配置文件，就可以通过这个php文件可以用它查看和管理eAccelerator，这个必须指定，否则查看缓存内容的时候会出错，访问时候默认的用户名是：admin，密码：eAccelerator，用户名和密码可以在control.php中修改：

eaccelerator.allowed_admin_path = “/data/wsdata/wwwroot”

这样我们就可以通过访问control.php来查看eAccelerator的命中率了，还可以在线清理缓存目录，查看配置的缓存空间使用率。

随机文章

• javascript 位运算符
• 爱墙推出基于PHPwind整合版本，欢迎下载试用
• 哎~都挺穷的！
• 08.11.16
• 利用浏览器书签实现的网页划词翻译工具
• 六个精美的WordPress圣诞插件
• 利用GControl和GLayer对象在地图上显示panoramio图片
• IE event.stopPropagation()阻止冒泡事件

© 三水清 for 三水清, 2011. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: linux, php

猜你喜欢：
PHP实现javascript的escape和unescape函数	通过PHP批量下载图片文件	PHP生成RSS类：RSS.class.php	php获取来访者IP信息
无觅