默尘

关于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]

开发过程中将demo中的内容拆分进各子模块，发现之前好好的 hover 效果失效了，我排查的结果是因为在模块中没有定义doctype，页面默认使用 quirks mode，会导致非链接<a>标签的 hover 伪类在 IE7/8 和 firefox 均失去效果。

我们通常认为的非 IE6 以下浏览器都支持链接以外元素的 hover 伪类，其实还需要依赖 doctype，比如这样的代码就在 IE7/8 和 firefox 失去效果：

<html>
    <head>
        <style>
        .hover-test:hover{color:#f00;}
    </style>
    </head>
    <body>
        <a class="hover-test" href="#">hover字体变红</a>
        <p class="hover-test">hover字体变红,Quirks mode下失效</p>
    </body>
</html>

从MSDN找到相关说法：

Internet Explorer 7 and later, in standards-compliant mode (strict
!DOCTYPE), can apply the :hover pseudo-class to any element, not merely
 links.

而 Firefox 与 IE 也有区别，Firefox 下用标签名作为选择器可以使 hover 伪类恢复效用：

<html>
    <head>
        <style>
        p.hover-test:hover{color:#f00;}
        </style>
    </head>
    <body>
        <a class="hover-test" href="#">hover字体变红</a>
        <p class="hover-test">hover字体变红</p>
    </body>
</html>

延伸阅读

html5 doctype与图片多余空白

<embed>标签可用于在页面内嵌入 flash 文件，比较常见的就是在页面内嵌入视频，如：

<embed src="http://player.youku.com/player.php/sid/XMTU3NzUyMDUy/v.swf" quality="high" width="480" height="400" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"></embed>

接到一个小需求：需要动态更新 embed 标签的 src 属性，拿上面的代码为例，很容易找到思路：

1. 获取embed标签
2. setAttribute(‘src’)

类似于对待 img 标签。

遗憾的是，此法对于 ie 浏览器并不奏效，给 src 加上时间戳也无济于事。

最后无奈用更新dom节点的方式才得以实现。

各浏览器在处理 embed 重载时并不尽相同，在此简单做了测试：Demo

测试结果：

Y：响应重载 N：不响应重载