默尘

in运算符是javascript语言中比较特殊的一个，可以单独使用作为判断运算符，也常被用于for…in循环中遍历对象属性

一、判断

语法

prop in objectName

如果objectName指向的对象中含有prop这个属性或者键值，in运算符会返回true。

var arr = ['one','two','three','four'];
arr.five = '5';
0 in arr;//true
'one' in arr; //false,只可判断数组的键值
'five' in arr;//true,'five'是arr对象的属性
'length' in arr;//true

原型链

in运算符会在整个原型链上查询给定的prop属性

Object.prototype.sayHello = 'hello,world';
var foo = new Object();
'sayHello' in foo;//true;
'toString' in foo;//true;
'hasOwnProperty' in foo;//true;

对象与字面量

in运算符在对待某些特定类型（String,Number）的对象和字面量时显得不尽相同

var sayHelloObj = new String('hello,world');
var sayHello = 'hello,world';
var numObj = new Number(1);
var num = 1;

'toString' in sayHelloObj; //true
'toString' in sayHello; //类型错误

'toString' in numObj;//true
'toString' in num;//类型错误

究其原因，在MDN找到这样一段关于String对象和字面量转换的介绍，似乎可以解释这个原因：

Because JavaScript automatically converts between string primitives and String objects, you can call any of the methods of the String object on a string primitive. JavaScript automatically converts the string primitive to a temporary String object, calls the method, then discards the temporary String object. For example, you can use the String.length property on a string primitive created from a string literal

试着这样理解：因为in是运算符而非一个方法(method)，所以无法让string字面量自动转换成String对象，又因为in运算符待查询方不是对象而是一个字符串（按老道Douglas的说法，只是object-like的类型），所以报类型错误。

二、遍历

很常用到的for…in循环语句，此语句中的in需要遵循另外一套语法规范：

for (variable in object)
statement

与单独使用in作为运算符不同，for…in循环语句只遍历用户自定义的属性，包括原型链上的自定义属性，而不会遍历内置(build-in)的属性，如toString。

对象

function Bird(){
    this.wings = 2;
    this.feet = 4;
    this.flyable = true;
}
var chicken = new Bird();
chicken.flyable = false;
for(var p in chicken){
    alert('chicken.' + p + '=' + chicken[p]);
}

String对象，经过测试Firefox,Chrome,Opera,Safari浏览器都是给出了注释中的结果，只有IE浏览器只给出’more’和’world’

function Bird(){
var str = new String('hello');
str.more = 'world';
for(var p in str){
    alert(p);//'more',0,1,2,3,4
    alert(str[p]);//'world','h','e','l','l','o'
}

字面量

遍历数组字面量的键值和属性

var arr = ['one','two','three','four'];
arr.five = 'five';
for(var p in arr){
    alert(arr[p]);//'one','two','three','four','five'
}

遍历string字面量,虽说单独在string字面量前面使用in运算符会报类型错误，不过下面的代码却能够正常运行，此时IE浏览器是毫无声息

var str = 'hello';
str.more = 'world';
for(var p in str){
    alert(p);//0,1,2,3,4
    alert(str[p]);//'h','e','l','l','o'
}

综上

ECMA虽然有这方面的规范，但浏览器之间还是存在着差异，鉴于此，并不推荐用for…in去遍历字符串，也不推荐拿去遍历数组（如例子所示，为数组加上自定义属性，遍历就会被搞乱）

在遍历对象方面，我们还可以使用对象的内置方法hasOwnProperty()排除原型链上的属性，进一步加快遍历速度，提升性能

function each( object, callback, args ){
    var prop;
    for( prop in object ){
        if( object.hasOwnProperty( i ) ){
            callback.apply( prop, args );
        }
    }
}

作为码农，崇尚简约是美，wordpress对于我来说显的过于笨重，很多功能用不上，不需要，界面繁杂不友好。加之godaddy的空间速度慢如乌龟，博客页面更是不堪重负。看到朋友转移到简洁小巧的typecho，感觉很好，心里痒痒。

Type，有打字的意思，博客这个东西，正是一个让我们通过打字，在网络上表达自己的平台。
Echo，意思是回声、反馈、共鸣，也是PHP里最常见、最重要的函数，相信大部分PHP爱好者都是
从echo ‘Hello,world!’;开始自己的PHP编程之路的。
将这两个词合并在一起，就有了Typecho，我们期待着越来越多的人使用我们开发的程序，
也期待着越来越多的人加入到开源的行列里。
大家一起来，Typecho )))))))))))))))))))))

熟悉的hello,world，熟悉的echo，typecho的名字就充满了php的味道，甚是诱人。

前不久，我的新博客地址nunumick.me开张，正是转移平台的好时机，于是我利用中午休息时间做了转移，整个过程用时很短，typecho不愧是轻量级的。

由于godaddy空间apache配置的不给力，typecho安装成功后一直无法访问除首页之外的其他页面，费了我不少力气。

幸好有互联网和搜索引擎，仅仅靠copy和paste一些现成的代码就解决了难题： 在blog根目录 index.php 的 Typecho_Plugin::factory(‘index.php’)->begin(); 这行前面加上

$baseInfo = @explode('?', $_SERVER['REQUEST_URI'], 2);
if (is_array($baseInfo))
{
        $_SERVER['REQUEST_URI'] = $_SERVER['REQUEST_URI'];
        $_SERVER['PATH_INFO'] = $baseInfo[0];
        unset($_GET);
        if ($baseInfo[1])
        {
                $getInfo = @explode('&', $baseInfo[1]);
                foreach ($getInfo as $v)
                {
                        $getInfo2 = @explode('=', $v);
                        $_GET[$getInfo2[0]] = $getInfo2[1];
                }
        }
}

如果启用了伪静态，则还需要修改 .htaccess 文件：

RewriteEngine On
RewriteBase /
RewriteRule index(\.)php/(.*) /index.php?/$2 [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.php?/$1 [L]

如果不是很明白htaccess的语法规则，可以参考htaccess语法教程

OK，成功进入后台，恢复数据，自定义设置，感受typecho的简洁和亲切，国人就应该支持国人的产品！

Enjoy!

关于javascript的delete运算符，MDN里有相关文档。以下是我的学习笔记，更多是要关注特殊情况的使用和注意点。

一、语法

delete后面的表达式必须给出一个属性的引用，比如

var o = {a:1};
delete o.a; //此处o.a是对象o的属性a的引用

只有在with语句里才能使用单独的属性名

with(o){
   delete a;
}

二、delete的返回值

delete是普通运算符，会返回true或false。规则为：当被delete的对象的属性存在并且不能被删除时 返回false，否则返回true。 这里的一个特点就是，对象属性不存在时也返回true，所以返回值并非完全等同于删除成功与否。

var o = {a:1};
delete o.a; //返回true
var b = 2;
delete b;//返回false，ECMA规则约定:使用var和function声明的变量不可以被delete

三、哪些情况下不允许delete

上例提到的var和function声明的变量不可以被delete，但隐式声明可以被删除

function c(){return 12;}
delete c;//返回false
d = function(){return 12;}
delete d;//返回true

不能delete从原型链上继承的属性，但可以删除原型链上的属性

function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
delete foo.bar;           // 返回true,但并没有起作用
alert(foo.bar);           // alerts 42, 属性是继承的
delete Foo.prototype.bar; // 在原型上删除属性bar
alert(foo.bar);           // alerts "undefined", 属性已经不存在，无法被继承

四、特例

eval执行的代码中如有通过var和function声明的变量，可以被delete

eval("var a=1");
delete a;
alert(a); //报未定义错误

如果声明是在eval执行代码中的闭包内进行的，则变量不能被delete

eval("(function(){var a=1;delete a; return a;})()");//1

五、delete 数组元素

从数组中delete其元素并不会影响数组的长度

var arr = ['yuyin','suhuan','baby'];
delete arr[0];
alert(arr.length);//alert 3

被delete的键值已经不属于数组，但却还是可以被访问，其值为undefined。

var arr = ['yuyin','suhuan','baby'];
delete arr[0];
0 in arr; // false
alert(arr[0]);//undefined
arr[0] === undefined;//true

对比直接将键值赋值undefined

var arr = ['yuyin','suhuan','baby'];
arr[0] = undefined;
0 in arr; // true
alert(arr[0]);//undefined
arr[0] === undefined;//true

可以看出delete 操作只是将键值这个属性从数组中删除了，数组本身也是对象，这个情况好理解的。如果需要保留键值，可以用undefined赋值。

本次Velocity Web性能和运维大会已经谢幕有些时时候了，7号和8号两天的分享，足以让我回杭后还一直回味和消化。

不管从规模还是话题还是其他，我也得说这是我参与过的最给力的一次前端交流盛会，没有之一。除去赞助商的废话，其他嘉宾的分享质量非常之高，两天的时间，多达二十几个Web性能相关的主题分享为11月寒冷的天气增添了不少暖意，尤其是Facebook,Google的分享，异常给力。
另外，与偶像亲密接触，与Douglas,Steve等前端大牛的合影也是给力原因之一，值得一直回味。现在，这些演讲嘉宾应该都各自回国，重新投入到各自的工作和生活了吧？

回顾充实的两天，值得前端回味的主题：

WPO产业已经到来

Steve 的开场白： WPO（WEB性能优化） 产业已经到来。的确，如果网页都打不开，何谈SEO，何谈用户体验？<h3>Facebook的Ajax化、缓存和流水线</h3>
Facebook的Ajax化(Quickling)有点单页面应用的意思，结合前端缓存(PageCache)和流水线(BigPipe)技术，为页面注入了新的血液，极大优化了页面性能。<h3>静态网页资源的管理和优化</h3>
感叹于Facebook的开发工程师们为了得出静态资源优化的最佳方案，可以花大量时间制作实验田。<h3>Facebook: 一个可持续发展的高性能网站</h3>
有时候我们更应该让决策者知道速度就是网站的生命，这样才能做到“fast by default”。<h3>YouTube的前端性能改进：逐步增强与超越</h3>
Youtube优化的DNS预加载是个亮点，个人对他们的widget优化比较感兴趣，同时羡慕他们能够拿到一手详细的数据。<h3>更好地使用JavaScript</h3>
Douglas把他的书又讲了一遍，没有太多亮点。不过，他倒是给了我解决“内存溢出”的建议，这个问题困惑我很久了，谢谢他
<h3>构建Yahoo下一代Mail</h3>
模块化大力提高了页面性能和协同开发效率<h3>更快的Web站点</h3>
构建快速的网站，前端可以做什么：
1).内容越少越好
2).遵循YSlow准则
3).异步、无阻滞<h3>淘宝商品详情页面的优化实践</h3>
我们还需要依靠“组织”，不过最重要的是我们要学会创新。
<h3>另辟蹊径——腾讯web应用的优化新思路</h3>
另类预加载以及DNS优化，最后我们还得考虑到残障用户，这点必须要向Google和腾讯学习。<h3>第三方广告代码稳定性和性能优化</h3>
广告代码就应该做到无阻滞，当中也做了很多权衡，如果每家第三方广告投放商都能站在用户角度考虑问题，相信广告收入也会增长不少吧。<p>更多心得：
1).我们不缺乏技术，缺的是将技术活用的创新思想和研究精神
2).Web性能优化不是前端一家之事，与开发、运维等部门通力合作会让效果更给力
3).站在用户角度考虑问题
4).结合自身业务，找到最优方案
5).一切皆权衡
6).fast by default</p><p>回来听说BigPipe方案是蒋长浩利用休陪产假的时候研究的,想到下个月我也要开始休陪产假,能否也可以有他一样的创新呢,呵呵。不过国内的陪产假时间太短了，不给力啊！</p><p>最后再秀下Steve的签名，送给自己，继续为”make the web a fast place”而努力！
</p><p>PS:
大会的PPT和视频可以在官网下载。</p>

前些天不小心删除了原来的博客系统，问过godaddy的客服，恢复数据需要150美元，另外还需要提供不少信息，我于是放弃，注册了这个nunumick.me，打算从头再来。虽然以前的文章没有了，但我至少得保证原来到域名能够继续访问到新的博客，浏览到新的文章，于是想起用htaccess来做重定向。这次对htaccess的写法做个记录，免得今后还要到处搜罗。

这是我这次用到的几条重定向规则

RewriteEngine on
#silentash全局切换
Rewritecond %{HTTP_HOST} ^(www\.)?silentash.com$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/$1 [r=301,nc]
#blog对应切换
Rewritecond %{HTTP_HOST} ^blog.silentash.com$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/blog [r=301,nc]
#app对应切换
Rewritecond %{HTTP_HOST} ^app.silentash.com$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/app/$1 [r=301,nc]
#lab对应切换
Rewritecond %{HTTP_HOST} ^lab.silentash.com$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/lab/$1 [r=301,nc]
#photo对应切换
Rewritecond %{HTTP_HOST} ^photo.silentash.com$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/photo/$1 [r=301,nc]
#只访问主域的先切换到博客
Rewritecond %{HTTP_HOST} ^(www.)?nunumick.me$ [nc]
Rewritecond %{REQUEST_URI} ^(\/)?$ [nc]
Rewriterule ^(.*)$ http://nunumick.me/blog [r=301,nc]

下面简单解说下上面的意思：

【RewriteEngine On】表示重写引擎开，关闭off，关闭的话当然就不能做转发了。

【Rewritecond %{HTTP_HOST} ^(www.)?silentash.com$ [nc]】 这是重写条件，前面%{HTTP_HOST}表示当前访问的网址，只是指前缀部分，格式是www.silentash.com不包括“http://”和“/”，^表示字符串开始，$表示字符串结尾，.表示转义的. ，如果不转义也行，推荐转义，防止有些服务器不支持，?表示前面括号www.出现0次或1次，这句规则的意思就是如果访问的网址是silentash.com或者www.silentash.com就执行以下的语句，不符合就跳过。

【Rewriterule ^(.)$ http://nunumick.me/$1 [r=301,nc]】 这个根据之前的条件执行相应的规则，在这里的话就是让重定向到nunumick.me域下面相应地址，比如来源地址是http://www.silentash.com/abc/1.html，前部分的^(.)$将会匹配当前请求的url，不过这里到底是匹配整个http://www.silentash.com/abc/1.html，还是只匹配/abc/1.html即反斜杠后面的成分，还是只匹配abc/1.html？

答案是：根据RewriteBase规则规定，如果rewritebase 为/，将会匹配abc/1.html，默认应该是abc/1.html。后面的$1是正则匹配出来的值，经过组合，之前的url会被重定向为http://nunumick.me/abc/1.html，达到了域名转换的目的。

后面几行大同小异。

还有一个问题是，不能保证每个人输入的网址都是小写的，如果输入大写的呢，linux系统是区分大小写的，所以应该在RewriteCond后添加[NC]忽略大小写的。

下面附上简单的语法规则和flags： 【RewriteCond语法：】 RewriteCond TestString CondPattern [flags] rewritecond的其他用法： ‘-d’(目录) 将TestString视为一个路径名并测试它是否为一个存在的目录。 ‘-f’(常规文件) 将TestString视为一个路径名并测试它是否为一个存在的常规文件。 ‘-s’(非空的常规文件) 将TestString视为一个路径名并测试它是否为一个存在的、尺寸大于0的常规文件。 ‘-l’(符号连接) 将TestString视为一个路径名并测试它是否为一个存在的符号连接。 ‘-x’(可执行) 将TestString视为一个路径名并测试它是否为一个存在的、具有可执行权限的文件。该权限由操作系统检测。 ‘-F’(对子请求存在的文件) 检查TestString是否为一个有效的文件，而且可以在服务器当前的访问控制配置下被访问。它使用一个内部子请求来做检查，由于会降低服务器的性能，所以请谨慎使用！ ‘-U’(对子请求存在的URL) 检查TestString是否为一个有效的URL，而且可以在服务器当前的访问控制配置下被访问。它使用一个内部子请求来做检查，由于会降低服务器的性能，所以请谨慎使用！

【RewriteRule语法：】 RewriteRule Pattern Substitution [flags]

【flags】：

‘chain|C’(链接下一规则) 此标记使当前规则与下一个规则相链接。它产生这样的效果：如果一个规则被匹配，则继续处理其后继规则，也就是这个标记不起作用；如果该规则不被匹配，则其后继规则将被跳过。比如，在一个目录级规则中执行一个外部重定向时，你可能需要删除”.www”(此处不应该出现”.www”)。

‘cookie|CO=NAME:VAL:domain[:lifetime[:path]]’(设置cookie) 在客户端设置一个cookie。cookie的名称是NAME，值是VAL。domain是该cookie的域，比如’.apache.org’，可选的lifetime是cookie的有效期(分钟)，可选的path是cookie的路径。 ‘env|E=VAR:VAL’(设置环境变量) 此标记将环境变量VAR的值为VAL，VAL可以包含可扩展的正则表达式反向引用($N和%N)。此标记可以多次使用以设置多个变量。这些变量可以在其后许多情况下被间接引用，通常是在XSSI(<!–#echo var=”VAR”–>)或CGI($ENV{‘VAR’})中，也可以在后继的RewriteCond指令的CondPattern参数中通过%{ENV:VAR}引用。使用它可以记住从URL中剥离的信息。

‘forbidden|F’(强制禁止URL) 强制禁止当前URL，也就是立即反馈一个HTTP响应码403(被禁止的)。使用这个标记，可以链接若干个RewriteConds来有条件地阻塞某些URL。

‘gone|G’(强制废弃URL) 强制当前URL为已废弃，也就是立即反馈一个HTTP响应码410(已废弃的)。使用这个标记，可以标明页面已经被废弃而不存在了。

‘handler|H=Content-handler’(强制指定内容处理器) 强自制定目标文件的内容处理器为Content-handler。例如，用来模拟mod_alias模块的ScriptAlias指令，以强制映射文件夹内的所有文件都由”cgi-script”处理器处理。

‘last|L’(结尾规则) 立即停止重写操作，并不再应用其他重写规则。它对应于Perl中的last命令或C语言中的break命令。这个标记用于阻止当前已被重写的URL被后继规则再次重写。例如，使用它可以重写根路径的URL(‘/’)为实际存在的URL(比如：’/e/www/’)。

‘next|N’(从头再来) 重新执行重写操作(从第一个规则重新开始)。此时再次进行处理的URL已经不是原始的URL了，而是经最后一个重写规则处理过的URL。它对应于Perl中的next命令或C语言中的continue命令。此标记可以重新开始重写操作(立即回到循环的开头)。但是要小心，不要制造死循环！

‘nocase|NC’(忽略大小写) 它使Pattern忽略大小写，也就是在Pattern与当前URL匹配时，’A-Z’和’a-z’没有区别。

‘noescape|NE’(在输出中不对URI进行转义) 此标记阻止mod_rewrite对重写结果应用常规的URI转义规则。 一般情况下，特殊字符(‘%’, ‘$’, ‘;’等)会被转义为等值的十六进制编码(‘%25′, ‘%24′, ‘%3B’等)。此标记可以阻止这样的转义，以允许百分号等符号出现在输出中，比如： RewriteRule /foo/(.*) /bar?arg=P1\%3d$1 [R,NE] 可以使’/foo/zed转向到一个安全的请求’/bar?arg=P1=zed’。

‘nosubreq|NS’(不对内部子请求进行处理) 在当前请求是一个内部子请求时，此标记强制重写引擎跳过该重写规则。比如，在mod_include试图搜索目录默认文件(index.xxx)时，Apache会在内部产生子请求。对于子请求，重写规则不一定有用，而且如果整个规则集都起作用，它甚至可能会引发错误。所以，可以用这个标记来排除某些规则。 使用原则：如果你为URL添加了CGI脚本前缀，以强制它们由CGI脚本处理，但对子请求处理的出错率(或者资源开销)很高，在这种情况下，可以使用这个标记。

‘proxy|P’(强制为代理) 此标记使替换成分被内部地强制作为代理请求发送，并立即中断重写处理，然后把处理移交给mod_proxy模块。你必须确保此替换串是一个能够被mod_proxy处理的有效URI(比如以http://hostname开头)，否则将得到一个代理模块返回的错误。使用这个标记，可以把某些远程成分映射到本地服务器域名空间，从而增强了ProxyPass指令的功能。 注意：要使用这个功能，必须已经启用了mod_proxy模块。

‘passthrough|PT’(移交给下一个处理器) 此标记强制重写引擎将内部request_rec结构中的uri字段设置为filename字段的值，这个小小的修改使得RewriteRule指令的输出能够被(从URI转换到文件名的)Alias, ScriptAlias, Redirect等指令进行后续处理[原文：This flag is just a hack to enable post-processing of the output of RewriteRule directives, using Alias, ScriptAlias, Redirect, and other directives from various URI-to-filename translators.]。举一个能说明其含义的例子： 如果要将/abc重写为/def， 然后再使用mod_alias将/def转换为/ghi，可以这样： RewriteRule ^/abc(.*) /def$1 [PT] Alias /def /ghi 如果省略了PT标记，虽然将uri=/abc/…重写为filename=/def/…的部分运作正常，但是后续的mod_alias在试图将URI转换到文件名时会遭遇失效。 注意：如果需要混合使用多个将URI转换到文件名的模块时，就必须使用这个标记。。此处混合使用mod_alias和mod_rewrite就是个典型的例子。

‘qsappend|QSA’(追加查询字符串) 此标记强制重写引擎在已有的替换字符串中追加一个查询字符串，而不是简单的替换。如果需要通过重写规则在请求串中增加信息，就可以使用这个标记。

‘redirect|R [=code]‘(强制重定向) 若Substitution以http://thishost[:thisport]/(使新的URL成为一个URI)开头，可以强制性执行一个外部重定向。如果没有指定code，则产生一个HTTP响应码302(临时性移动)。如果需要使用在300-400范围内的其他响应代码，只需在此指定即可(或使用下列符号名称之一：temp(默认), permanent, seeother)。使用它可以把规范化的URL反馈给客户端，如将”/~”重写为”/u/”，或始终对/u/user加上斜杠，等等。 注意：在使用这个标记时，必须确保该替换字段是一个有效的URL。否则，它会指向一个无效的位置！并且要记住，此标记本身只是对URL加上http://thishost[:thisport]/前缀，重写操作仍然会继续进行。通常，你还会希望停止重写操作而立即重定向，那么就还需要使用’L’标记。

‘type|T=MIME-type’(强制MIME类型) 强制目标文件的MIME类型为MIME-type，可以用来基于某些特定条件强制设置内容类型。比如，下面的指令可以让.php文件在以.phps扩展名调用的情况下由mod_php按照PHP源代码的MIME类型(application/x-httpd-php-source)显示： RewriteRule ^(.+.php)s$ $1 [T=application/x-httpd-php-source]