• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2011/01/20/1844.html
• 转载请注明出处

之前和人讨论过这个问题,,, 今天感冒在家休息, 就回忆了一下, 整理如下.

我们很多的应用在使用Ajax的时候, 大多数情况都是询问型操作, 比如提交数据, 则Ajax只是期待服务器返回:

{status: 0, message:""} //status 0代表成功, 非零的时候, message中包含出错信息.

我们知道HTTP的状态码, 2xx都是表示成功, 而HTTP的204(No Content)响应, 就表示执行成功, 但是没有数据, 浏览器不用刷新页面.也不用导向新的页面.

在HTTP RFC 2616中关于204的描述如下:

If the client is a user agent, it SHOULD NOT change its document view from that which caused the request to be sent. This response is primarily intended to allow input for actions to take place without causing a change to the user agent’s active document view, although any new or updated metainformation SHOULD be applied to the document currently in the user agent’s active view.

类似的还有205 Reset Content, 表示执行成功, 重置页面(Form表单).

The server has fulfilled the request and the user agent SHOULD reset the document view which caused the request to be sent. This response is primarily intended to allow input for actions to take place via user input, followed by a clearing of the form in which the input is given so that the user can easily initiate another input action.

于是, 当有一些服务, 只是返回成功与否的时候, 可以尝试使用HTTP的状态码来作为返回信息, 而省掉多余的数据传输, 比如REST中的DELETE和如上所述的查询式Ajax请求.

最后说说205, 205的意思是在接受了浏览器POST请求以后处理成功以后, 告诉浏览器, 执行成功了, 请清空用户填写的Form表单, 方便用户再次填写,

总的来说, 204适合多次对一个Item进行更新, 而205则适合多次提交一个系列的Item.

但, 请注意, 目前还没有一个浏览器支持205, 大部分的浏览器, 都会把205当做204或者200同样对待.

Comments

• 2011/01/20, xiaobai writes: 看到最后一句话，咋这么纠结呢……
• 2011/01/20, weskerjax writes: 400,401 也可以用來處理錯誤狀況 並可以用 responseText 來傳送錯誤訊息 對於成功訊息的處理我倒是沒有關注到 感謝你的文章
• 2011/01/24, cfc4n writes: 用firebug调试ajax的时候，经常返回200，但firebug里看到的却是“加载源码失败”，不知道是不是跟这个有关。
• 2011/01/25, iterse's blog writes: 比较纠结！ 能帮我加个友链吗，谢谢！
• 2011/01/26, 雪候鸟 writes: @iterse done
• 2011/02/02, Thinking In LAMP Blog » Blog Archive » PHP每月通讯（2011年2月） writes: [...] http://www.laruence.com/2011/01/20/1844.html HTTP 204和205的应用 [...]
• 2011/03/19, 贝壳里的海 writes: 平时接触这两个状态不多，不是很懂
• 2011/04/11, wclssdn writes: 不错.. 是不是也可以用其他的码呢? 比如.. 失败了.. 我给他个500- -!! 有空试试~~~
• 2011/04/12, HTTP 204和205的应用 - 简单快乐，享受生活 writes: [...] 来源：http://www.laruence.com/2011/01/20/1844.html [...]
• 2011/04/24, TouchHappy » HTTP 204 And 205 writes: [...] 来源：http://www.laruence.com/2011/01/20/1844.html This entry was written by happy , posted on Tuesday April 12 2011at 08:04 pm , filed under Front-End Development, program . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL. Leave a Reply Click here to cancel reply. [...]

Random Posts:

• 让人无语的139邮箱
• Perl的特别之处
• 可序列化单例模式的遗留问题答案
• 通过构造Hash冲突实现各种语言的拒绝服务攻击
• Yaf的性能对比测试
• Dom事件的srcTarget,strElement探幽
• Zend Parameters Parser新增类型描述符介绍
• 深入理解PHP内存管理之谁动了我的内存
• Javascript原型链和原型的一个误区
• 关于JavaScript的执行域,标识符解析,闭包的研究

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2010/05/13/1462.html
• 转载请注明出处

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,

如, 如下的代码:

function Foo() {};
var foo = new Foo();
Foo.prototype.label = "laruence";
alert(foo.label); //output: laruence
alert(Foo.label);//output: undefined

今天看到了如下这个图:

Javascript object layout

另外, 在Javascript Object Hierarchy看到:

The prototype is only used for properties inherited by objects/instances created by that function. The function itself does not use the associated prototype.

也就是说, 函数对象的prototype并不作用于原型链查找过程中,

今天在firefox下发现(因为firefox通过__proto__暴露了[[prototype]]), 真正参与标识符查找的是函数对象的__proto__,

function Foo() {};
var foo = new Foo();
Foo.__proto__.label = "laruence";
alert(Foo.label); //output: laruence
alert(foo.label);//output: undefined

而, 显然的:

function Foo() {};
alert(Foo.__proto__ === Foo.prototype); //output: false

另外, 也解释了,

alert(Object.forEach); // undefined

Function.prototype.forEach = function(object, block, context) {
    for (var key in object) {
        if (typeof this.prototype[key] == "undefined") {
            block.call(context, object[key], key, object);
        }
    }

};

alert(Object.forEach);
alert(Function.forEach);
alert(Object.forEach === Function.forEach); // true

Comments

• 2010/05/14, 網站製作學習誌 » [Web] 連結分享 writes: [...] Javascript原型链和原型的一个误区 [...]
• 2010/05/21, 牛 writes: 牛牛牛牛牛
• 2010/07/02, J writes: 你好，想请教一个问题。 var A = (window.getSelection)?window.getSelection():document.selection; if(!A) { return NULL; } var B = (A.rangeCount>0)?A.getRangeAt(0):A.createRange() //alert(A.rangeCount>0); obj.currPos = B.duplicate(); if (obj.currPos) { //alert(obj.currPos.htmlText); //obj.currPos.text = str obj.currPos.htmlText = str //!!!!!!!!!!!!! } else {obj.innerHTML+=str}//直接把参数str的值添加到对象obj的值后面 为什么在obj.currPos.htmlText会报doesn't support this action这个错呢？alert()的时候却没有报错。
• 2010/07/16, lake writes: 这图有点乱，我推荐这幅图 http://images.cnblogs.com/cnblogs_com/riccc/js/js_object_model.jpg 出自文章 http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html 当年看到这幅图，豁然开朗，希望对你有帮助
• 2010/10/14, Anonymous writes: f.prototype = obj; fo = new f; fo的__proto__链存在obj
• 2011/01/14, jQuery教程 writes: 关于javascript的机制，老兄是相当的了解呀~~ 学习了~~ 现在我正在慢慢补充这方面的知识~~
• 2011/03/20, Javascript原型链和原型的一个误区 | 万维网黑客联盟 writes: [...] 本文地址: http://www.laruence.com/2010/05/13/1462.html [...]

Related posts:

• 正确使用JS中的正则
• Js处理Json的”invalid label”错
• 深入理解Javascript之this关键字
• 图片上传即时显示缩略图解决方法
• Javascript作用域原理

Related Posts:

• 2012年1月全球www网站技术报告
• IE下var的重要性的又一佐证
• 关于Javascript的俩个有趣的探讨
• 深入理解JavaScript定时机制
• 深入理解Javascript之this关键字
• 正确使用JS中的正则
• Javascript作用域原理
• 使用JS做文档处理
• 关于事件模拟
• Js处理Json的”invalid label”错

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2010/01/21/1254.html
• 转载请注明出处

一个朋友问了一个js问题, 一段看不出有任何问题的代码, 在ie下报错:”object doesn’t support this property or method”.

function foo(obj) {
   productTree = obj.toString();
   document.getElementById('productTree').innerHTML = productTree;
}

开始, 还以为错误是指obj的toString方法, 绕了半天弯路, 无果..

后来,注意到变量名是productTree没有用var申明, 加上getElementById(‘productTree’)说明有个id为productTree的元素, 并且我们知道在IE下可以直接通过id获取DOM元素的引用, so~

所以啊, 局部变量一定要用var申明, 不仅仅是因为不用var会成全局变量, 更因为在IE下, 有可能会出现这种, 让人很莫名的错误….

Comments

• 2010/01/21, rzhome writes: 在IE下就是这样的痛苦，不过加var来声明变量应该规范点。
• 2010/01/21, yangliang writes: 难道window下的所有变量ie都认为是dom咯，该死的ie
• 2010/01/22, janpoem writes: 这是ie的老问题了，应该规范使用var声明变量。
• 2010/12/13, mark35 writes: 据统计各种语言代码中中出现fuc..k词语频率是JS最高。因为IE系列的存在。呵呵。
• 2011/03/20, IE下var的重要性的又一佐证 | 万维网黑客联盟 writes: [...] 本文地址: http://www.laruence.com/2010/01/21/1254.html [...]
• 2011/04/25, kgh writes: JavaScript 是一门灵活的语言，但往往越是灵活就越是容易出错！有些东西还是强制规范好些的！

Related Posts:

• IE下的Javascript调试利器:Companion.js
• 2012年1月全球www网站技术报告
• Javascript原型链和原型的一个误区
• IE下pre标签的InnerHTML问题
• 关于Javascript的俩个有趣的探讨
• 深入理解JavaScript定时机制
• 深入理解Javascript之this关键字
• 正确使用JS中的正则
• Javascript作用域原理
• 使用JS做文档处理

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/09/27/1123.html
• 转载请注明出处

首先祝贺在经历了几乎一天的等待以后. 我的空间商终于把服务器迁到了电信机房, 外加网通CDN加速.

关于事件处理函数引用的一个佐证

之前, 我在分析Javascript的This关键字的时候, 说过, 当使用inline的方式写dom元素的事件处理函数的时候, 采用的是引用的方式. 刚好nullbyte童鞋给我提供了一个很有意思的Case:

<img id="foo" src="xxx" onerror=" alert('error');
    } function foobar() {
          alert('www.laruence.com'); " />
<script>
alert(document.getElementById("foo").onerror);
</script>

在IE下试试看..

不过, FF和Chrome下都不行, 应该是FF和Chrome都会验证html代码的合法性.

Javascript正则的效率

如果你看到有人写Javascript的trim的时候采用了循环的方式,而不是正则的方式, 请不要笑. 人家这可是经验所致, 考虑如下代码的执行时间会是多少?

var matchs = /^(a+)+$/.exec("aaaaaaaaaaaaaaaaaaaaaaaaaaaX");
alert(matchs);

告诉你吧…. 注:以下结果来自看手表估测, 但不影响时间的长度性…另外jsmore的stauren同学也验证了这一结论:

IE8: 30秒
FF3: 28秒
号称目前最快的采用V8引擎的Chrome: 8秒.

这个结果,,,是多么的不可接受啊? 具体原因的分析, 在master regular expression里面有提到过.

NFA和DFA的引擎是有区别的。js/perl/php/java/.net都是NFA引擎。
而DFA与NFA机制上的不同带来5个影响：
1. DFA对于文本串里的每一个字符只需扫描一次，比较快，但特性较少；NFA要翻来覆去吃字符、吐字符，速度慢，但是特性丰富，所以反而应用广泛，当今主要的正则表达式引擎，如Perl、Ruby、Python的re模块、Java和.NET的regex库，都是NFA的。
2. 只有NFA才支持lazy和backreference（后向引用）等特性；
3. NFA急于邀功请赏，所以最左子正则式优先匹配成功，因此偶尔会错过最佳匹配结果；DFA则是“最长的左子正则式优先匹配成功”。
4. NFA缺省采用greedy量词(就是对于/.*/、/\w+/这样的“重复n”次的模式，以贪婪方式进行，尽可能匹配更多字符，直到不得以罢手为止)，NFA会优先匹配量词。
5. NFA可能会陷入递归调用的陷阱而表现得性能极差。

backtracking（回朔）
当NFA发现自己吃多了，一个一个往回吐，边吐边找匹配，这个过程叫做backtracking。由于存在这个过程，在NFA匹配过程中，特别是在编写不合理的正则式匹配过程中，文本被反复扫描，效率损失是不小的。明白这个道理，对于写出高效的正则表达式很有帮助。

而对于Javascript中的正则来说, 应该是优先匹配量词, 导致了很深的递归, 形成了性能问题…

Comments

• 2009/09/27, 深空 writes: 没看明白要匹配什么？应该也是尽可能多的匹配a，但是因为最后一个是X，所以打印出null，厄，直接写a+不就行了，在PHP里很快，呵呵。
• 2009/09/28, cjj writes: 呵呵 好的正则 才能让正则有好的性能
• 2009/09/28, yuehei writes: 测试了一下，果然很慢。。以后少用正则， 可是为什么测试的正则要有两个+号呢 /^(a+)$/.exec("aaaaaaaaaaaaaaaaaaaaaaaaaaaX"); 一个加号倒是很快。。
• 2009/09/28, 雪候鸟 writes: @cjj 有理, 正则也是一门独立的艺术.
• 2009/10/01, phppan writes: 首先，恭喜 然后，国庆快乐 最后，虽然把精通正则表达式看过了，但是对此的了解依然不够。学习了
• 2009/10/12, toms writes: 求求大侠能不能帮我看个js问题啊，问题如下 有两个页面a, b 其中a为表单页面b为数据接收页面 a中的数据表单使用onsubmit事件验证客户端数据有效性， 但如果我在服务器（页面b）上检测到提交上来的数据不符合要求， 我使用history.go(-1), 返回前一个页面后， 在页面a数据表单无法提交（没有报任何js错误）， 在表单内回车和点“submit”均无法提交表单， 经检查发现在b页面history.go(-1)回到a页面后， onsubmit事件无法响应， 此问题仅在firefox下出现， 并且firebug和错误控制台均未报出任何js错误，第一次提交的时候所有js都正常运行了的
• 2009/10/12, toms writes: b页面history.go(-1)后， a页面onsubmit事件里的任何东西都无法执行， 排除了验证函数错误
• 2009/10/13, 雪候鸟 writes: @toms sorry, 我没有重现出来, 你能把你的代码mail到我的yahoo邮箱么?
• 2009/10/16, jindw writes: 够诡异，够专业。
• 2009/10/26, Cherry writes: 你的JS也是如此的牛啊
• 2011/03/20, 关于Javascript的俩个有趣的探讨 | 万维网黑客联盟 writes: [...] 本文地址: http://www.laruence.com/2009/09/27/1123.html [...]
• 2011/04/17, piapai writes: 第二段代码，我自己在火狐4.0和chrome10的版本中测试了一下，ff会报错，错误如下：regular expression too complex
• 2011/10/20, sking7 writes: 特别想知道ie和火狐，chome对那句正则如何进行匹配的，算法是怎样的？

Related posts:

• 关于JavaScript的执行域,标识符解析,闭包的研究
• 关于Javascript的作用域链的几句话
• 一个误区（关于javascript的字符串拼接)

Related Posts:

• 正确使用JS中的正则
• 2012年1月全球www网站技术报告
• PHP数组的Hash冲突实例
• PHP正则之递归匹配
• Javascript原型链和原型的一个误区
• IE下var的重要性的又一佐证
• 提升PHP性能之改变Zend引擎分发方式
• 深入理解JavaScript定时机制
• 深入理解Javascript之this关键字
• Javascript作用域原理

• 本文地址: http://www.laruence.com/2009/09/23/1089.html
• 转载文章

转帖地址:http://www.9demo.com/archives/341

容易欺骗别人感情的JavaScript定时器

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如

setTimeout(function() {
    alert('你好!');
}, 0);
setInterval(callbackFunction, 100);

认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了.
同理对setInterval的callbackFunction方法每间隔100毫秒就立即被执行深信不疑!

但随着JavaScript应用开发经验不断的增加和丰富,有一天你发现了一段怪异的代码而百思不得其解:

div.onclick = function(){
        setTimeout(function() {
                document.getElementById('inputField').focus();
        }, 0);
};

既然是0毫秒后执行,那么还用setTimeout干什么, 此刻, 坚定的信念已开始动摇.

直到最后某一天 , 你不小心写了一段糟糕的代码:

setTimeout(function() {
        while (true) {
        }
}, 100);
setTimeout(function() {
        alert('你好!');
}, 200);
setInterval(callbackFunction, 200);

第一行代码进入了死循环,但不久你就会发现,第二,第三行并不是预料中的事情,alert问候未见出现,callbacKFunction也杳无音讯!

这时你彻底迷惘了,这种情景是难以接受的,因为改变长久以来既定的认知去接受新思想的过程是痛苦的,但情事实摆在眼前,对JavaScript真理的探求并不会因为痛苦而停止,下面让我们来展开JavaScript线程和定时器探索之旅!

拔开云雾见月明

出现上面所有误区的最主要一个原因是:潜意识中认为,JavaScript引擎有多个线程在执行,JavaScript的定时器回调函数是异步执行的.

而事实上的,JavaScript使用了障眼法,在多数时候骗过了我们的眼睛,这里背光得澄清一个事实:

JavaScript引擎是单线程运行的,浏览器无论在什么时候都只且只有一个线程在运行JavaScript程序.

JavaScript引擎用单线程运行也是有意义的,单线程不必理会线程同步这些复杂的问题,问题得到简化.

那么单线程的JavaScript引擎是怎么配合浏览器内核处理这些定时器和响应浏览器事件的呢?
下面结合浏览器内核处理方式简单说明.

浏览器内核实现允许多个线程异步执行,这些线程在内核制控下相互配合以保持同步.假如某一浏览器内核的实现至少有三个常驻线程:javascript引擎线程,界面渲染线程,浏览器事件触发线程,除些以外,也有一些执行完就终止的线程,如Http请求线程,这些异步线程都会产生不同的异步事件,下面通过一个图来阐明单线程的JavaScript引擎与另外那些线程是怎样互动通信的.虽然每个浏览器内核实现细节不同,但这其中的调用原理都是大同小异.

Js线程图示

由图可看出,浏览器中的JavaScript引擎是基于事件驱动的,这里的事件可看作是浏览器派给它的各种任务,这些任务可以源自JavaScript引擎当前执行的代码块,如调用setTimeout添加一个任务,也可来自浏览器内核的其它线程,如界面元素鼠标点击事件,定时触发器时间到达通知,异步请求状态变更通知等.从代码角度看来任务实体就是各种回调函数,JavaScript引擎一直等待着任务队列中任务的到来.由于单线程关系,这些任务得进行排队,一个接着一个被引擎处理.

上图t1-t2..tn表示不同的时间点,tn下面对应的小方块代表该时间点的任务,假设现在是t1时刻,引擎运行在t1对应的任务方块代码内,在这个时间点内,我们来描述一下浏览器内核其它线程的状态.

t1时刻:

GUI渲染线程:

该线程负责渲染浏览器界面HTML元素,当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行.本文虽然重点解释JavaScript定时机制,但这时有必要说说渲染线程,因为该线程与JavaScript引擎线程是互斥的,这容易理解,因为JavaScript脚本是可操纵DOM元素,在修改这些元素属性同时渲染界面,那么渲染线程前后获得的元素数据就可能不一致了.

在JavaScript引擎运行脚本期间,浏览器渲染线程都是处于挂起状态的,也就是说被”冻结”了.

所以,在脚本中执行对界面进行更新操作,如添加结点,删除结点或改变结点的外观等更新并不会立即体现出来,这些操作将保存在一个队列中,待JavaScript引擎空闲时才有机会渲染出来.

GUI事件触发线程:

JavaScript脚本的执行不影响html元素事件的触发,在t1时间段内,首先是用户点击了一个鼠标键,点击被浏览器事件触发线程捕捉后形成一个鼠标点击事件,由图可知,对于JavaScript引擎线程来说,这事件是由其它线程异步传到任务队列尾的,由于引擎正在处理t1时的任务,这个鼠标点击事件正在等待处理.

定时触发线程:

注意这里的浏览器模型定时计数器并不是由JavaScript引擎计数的,因为JavaScript引擎是单线程的,如果处于阻塞线程状态就计不了时,它必须依赖外部来计时并触发定时,所以队列中的定时事件也是异步事件.

由图可知,在这t1的时间段内,继鼠标点击事件触发后,先前已设置的setTimeout定时也到达了,此刻对JavaScript引擎来说,定时触发线程产生了一个异步定时事件并放到任务队列中, 该事件被排到点击事件回调之后,等待处理.
同理, 还是在t1时间段内,接下来某个setInterval定时器也被添加了,由于是间隔定时,在t1段内连续被触发了两次,这两个事件被排到队尾等待处理.

可见,假如时间段t1非常长,远大于setInterval的定时间隔,那么定时触发线程就会源源不断的产生异步定时事件并放到任务队列尾而不管它们是否已被处理,但一旦t1和最先的定时事件前面的任务已处理完,这些排列中的定时事件就依次不间断的被执行,这是因为,对于JavaScript引擎来说,在处理队列中的各任务处理方式都是一样的,只是处理的次序不同而已.

t1过后,也就是说当前处理的任务已返回,JavaScript引擎会检查任务队列,发现当前队列非空,就取出t2下面对应的任务执行,其它时间依此类推,由此看来:

如果队列非空,引擎就从队列头取出一个任务,直到该任务处理完,即返回后引擎接着运行下一个任务,在任务没返回前队列中的其它任务是没法被执行的.

相信您现在已经很清楚JavaScript是否可多线程,也了解理解JavaScript定时器运行机制了,下面我们来对一些案例进行分析:

案例1:setTimeout与setInterval

setTimeout(function() {
        /* 代码块... */
        setTimeout(arguments.callee, 10);
}, 10);

setInterval(function(){
        /*代码块... */
}, 10);

这两段代码看一起效果一样,其实非也,第一段中回调函数内的setTimeout是JavaScript引擎执行后再设置新的setTimeout定时, 假定上一个回调处理完到下一个回调开始处理为一个时间间隔,理论两个setTimeout回调执行时间间隔>=10ms .第二段自setInterval设置定时后,定时触发线程就会源源不断的每隔十秒产生异步定时事件并放到任务队列尾,理论上两个setInterval回调执行时间间隔<=10.

案例2:ajax异步请求是否真的异步?

很多同学朋友搞不清楚,既然说JavaScript是单线程运行的,那么XMLHttpRequest在连接后是否真的异步?
其实请求确实是异步的,不过这请求是由浏览器新开一个线程请求(参见上图),当请求的状态变更时,如果先前已设置回调,这异步线程就产生状态变更事件放到JavaScript引擎的处理队列中等待处理,当任务被处理时,JavaScript引擎始终是单线程运行回调函数,具体点即还是单线程运行onreadystatechange所设置的函数.

Comments

• 2009/09/23, hqlong writes: 分析问题很有深度，似乎是你的风格。
• 2009/09/24, silasoni writes: 博主分析问题很有深度是没错 不过这篇是转贴的呀
• 2009/09/29, aaaaaa writes: 很多是转载的，不过博主整理知识还是很认真的
• 2009/09/29, 雪候鸟 writes: :), 如果遇到好的文章, 我会认真读完以后, 如果觉得很有保留价值, 我会转载, 转载会注明转载, 划在转载分类中. 表明转载地址. 没有以上的, 都是原创..
• 2010/09/07, 小豪_Scorpio writes: 不错，问题讲的有深度。俺就从你这里转了。
• 2011/01/05, Jquery教程 writes: 博主很厉害呀~从两个javascript函数就可以分析出来这么多道理来~~佩服呀~~
• 2011/02/18, idamag writes: 分析的很深刻！
• 2011/03/28, winting writes: div.onclick = function(){ setTimeout(function() { document.getElementById('inputField').focus(); }, 0); }; 大侠你好， 请教一下。 document.getElementById('inputField').focus(); 这个会不会产生一个GUI事件触发线程，写到某个时间段。 （对于JavaScript引擎线程来说,这事件是由其它线程异步传到任务队列尾的,由于引擎正在处理t1时的任务,这个鼠标点击事件正在等待处理。） 是的话，就不用setTimeout。 有点迷糊。
• 2011/06/01, 周某某4 writes: 这个是不是可以这样理解，setTimeout是在整个脚本执行完后，再执行回调函数

Related posts:

• 深入理解Javascript之this关键字

Related Posts:

• 2012年1月全球www网站技术报告
• 深入理解PHP原理之Session Gc的一个小概率Notice
• 深入理解PHP原理之对象(一)
• Javascript原型链和原型的一个误区
• IE下var的重要性的又一佐证
• 关于Javascript的俩个有趣的探讨
• 深入理解Javascript之this关键字
• 正确使用JS中的正则
• Javascript作用域原理
• 使用JS做文档处理

• 本文地址: http://www.laruence.com/2009/09/14/1081.html
• 转载文章

严格来说不单是CSS就能令IE浏览器崩溃(crash)，而要配合相应的XHTML架构。到现时为止发现有两种正常写法及一种错误结构分别导致会IE6、IE7崩溃(crash)，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享！

1 crash IE6 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie6.html

此BUG只存在IE6中,当伪类为 a:active 时同样会遇到此问题

a{position:relative;}
a:hover{float:left;}

解决方案：为 <a> 添加 zoom:1; 令其触发haslayout

a{position:relative;zoom:1;}
a:hover{float:left;}

2 crash IE6 code

这是HTML结构错误而导致IE6的崩溃,在<col width=”100″/>前或后添加任何字符均会导致IE6 Crash

Demo:http://blog.gulu77.com/demo/200808/HTML_errors_crash_ie6.html

<table style="table-layout:fixed;">
<colgroup>
<col width="100"/>Crash IE6
</colgroup>
</table>

3 crash IE7 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie7.html

Bug from 偷米饭，此bug只存在IE7中据估计是处理省略字的时候导致IE7崩溃.

<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
</style>

<div>
<ul>
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>
</ul>
</div>

解决方案：为

<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;zoom:1;}
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  	<html xmlns="http://www.w3.org/1999/xhtml">
  	<head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  	<title>CRASH-IE,CSS让你的IE浏览器崩溃</title>
	<style type="text/css">
  	html, body {overflow: hidden;scrollbar-base-color: #330066;}
  	.crash {position:absolute;left:200px;top:200px;width:200px;}
	</style>
	<script type="text/javascript">
  	function galgenfrist() {
  	window.setTimeout('crashIE();',1000);
  	}

 function crashIE() {
  	var moveNode = document.getElementById("move");
  	if(moveNode) {
  	moveNode.style.top = "100px";
  	moveNode.style.left = "200px";
  	}
  	}
	</script>
	</head>

<body onload="galgenfrist();">
	<h1>CRASH-IE</h1>
	<div id="move" class="crash">
	<table>
	<tbody>
	<tr>
	<td>
	<textarea></textarea>
	</td>
	</tr>
	</tbody>
	</table>
	</div>
	</body>
</html>

<script>
	for (x in document.write) {
		document.write(x);}
</script>

<style>
	* {position:relative}
</style>
<table>
	<input>
</table>

<body onLoad=”window()”>

<style>
	@;/*
</style>

function introduce() {
	alert("Hello, I am Laruence\r\n");
}

var name = "I am Laruence";
function introduce() {
	alert(this.name);
}
alert(window.introduce);
/**
* output:
* function introduce() {
* alert(this.name);
* }
*/

<input id="name" type="text"  name="name" value="Laruence" />

function showValue() {
	alert(this.value);
}
document.getElementById('name').onclick = showValue;

function showValue() {
	alert(this.value);
}
document.getElementById('name').onclick = showValue;
alert(document.getElementById('name').onclick);
/**
* output
* function showValue() {
* alert(this.value);
* }
*/

function showValue() {
	alert(this.value);
}
<input id="name" type="text"  name="name" value="Laruence"  onclick="showValue()"/>

dom.onclick = showvalue; //没有调用符

onclick = "showvalue()" //有调用符

alert(dom.onclick);
/**
* output:
* function onclick() {
*    showValue();
* }
*/

<img src="xxx" onerror="alert(1);} function hi() { alert(2); " />

dom.onclick = showValue();
dom.onclick = function() { alert(this.value) ;}
<input onclick="alert(this.value);" /> //想想刚才我们的引用,是如何把这句嵌入的.
dom.addEventListener(dom, showValue, false); //ff only

var laruence = {
	name : 'laruence',
	age  : 26,
	position : 'Senior PHP Engineer',
	company : 'Baidu.inc'
};

function introduce() {
	alert(this.name);
}

introduce.call(laruence);

<script type='text/javascript'>
var reTest = /^aid=(.*)/ig;

var aData = [ 'aid=^$', 'aid=^$', 'aid=^$', 'aid=^$' ]; 

for (var i=0, l=aData.length; i<l; i++) {
	alert(reTest.test(aData[i]));
}
</script>

true
false
true
false

定义和用法

lastIndex 属性用于规定下次匹配的起始位置。
语法

Js代码
RegExpObject.lastIndex  

说明

该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。
上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。
该属性是可读可写的。只要目标字符串的下一次搜索开始，就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。

提示和注释

重要事项：不具有标志 g 和不表示全局模式的 RegExp 对象不能使用 lastIndex 属性。
提示：如果在成功地匹配了某个字符串之后就开始检索另一个新的字符串，需要手动地把这个属性设置为 0。

<script type='text/javascript'>
var reTest = /^aid=(.*)/ig;

var aData = [ 'aid=^$', 'aid=^$', 'aid=^$', 'aid=^$' ]; 

for (var i=0, l=aData.length; i<l; i++) {
        reTest.lastIndex = 0;
	alert(reTest.test(aData[i]));
}
</script>

<script type='text/javascript'>
var reTest = /^aid=(.*)/i;

var aData = [ 'aid=^$', 'aid=^$', 'aid=^$', 'aid=^$' ]; 

for (var i=0, l=aData.length; i<l; i++) {
	alert(reTest.test(aData[i]));
}
</script>

// ==UserScript==
// @name           kaixin.app.garden
// @namespace      Kaixin.app.garden
// @description    Garden for kaixin001.com
// @version 	   1.0.3
// @author		   laruence based on Gxd(onemouse.cn) version 1.0.0
// @include        http://www.kaixin001.com/!house/garden/index.php*
// ==/UserScript==

var Ganov = function() {
	/**
	 * various url we need to post/get
	 */
	var conf_url = 'http://www.kaixin001.com/!house/!garden/getconf.php';
	var friend_url = 'http://www.kaixin001.com/interface/suggestfriend.php?type=all';
	var havest_url = 'http://www.kaixin001.com/!house/!garden/havest.php';
	var mature_url = 'http://www.kaixin001.com/!house/!garden/getfriendmature.php';
	var water_url = 'http://www.kaixin001.com/!house/!garden/water.php';

	/**
	 * refer to the host function
	 */
	var verify = unsafeWindow.g_verify;

	/**
	 * running state relative variables
	 */
	var _self = this;

	var msgDiv = 0;
	var btn  = null;
	var flag = false;

	var friends = [];

	var links = [];
	var cursor = 0;
	var done = 1;
	var running = 0;

	if ( !Ganov.__intialized__ ) {
		Ganov.prototype.ownerInfo = function(name, uid){
			var xurl = conf_url + '?fuid=' + uid + '&r=' + Math.random() + '&verify=' + verify;
			GM_xmlhttpRequest( {
				method : "GET",
				url : xurl,
				onload : function(o) {
					var txt = o.responseText;
					// 没有安装该应用
					if(txt.substr(0, 5).replace(/(\s*)/,"") != "<conf") {
						return;
					}
					// 去掉某些不可见字符。
					txt = txt.replace(/<steal>(.*)<\/steal>/,"");
					var docParser = new DOMParser();
					try {
						var doc = docParser.parseFromString(txt, "application/xml");

						var xml = xml2array(doc);
						var items = xml.conf.garden.item;
						var name = xml.conf.account.name
					        for(var i in items) {
							var farmNum = items[i].farmnum;

							//0 非爱心田， 1 爱心田
							var shared = items[i].shared;
							if(shared == 1) {
								//GM_log(" shared go");
								continue;
							}

							var status = items[i].status;
							if(status  < 1) {
								//GM_log(" status go ");
								continue;
							}
							/*
							var cropsid = items[i].cropsid;
							if(cropsid < 1) {
								continue;
							}
							*/
							//cropsStatus = 1 , 未成熟，2 成熟, -1 偷完了。
							var cropsStatus = items[i].cropsstatus;

							if(cropsStatus != 2) {
								continue;
							}
							/*
							var water = items[i].water;
							GM_log(water);
							if(water < 5) {
								// XXX to water
								_self.water(uid, farmNum);
							}
							*/
							var crops = items[i].crops;
							if(crops.indexOf("已偷") < 1) {
								links.push({'name' : name, 'farmNum' : farmNum, 'fuid' : uid});
								_self.beginSteal();
							} else {
								_self.log("已经偷过 " + name + " " + '的第' + farmNum + "块地的菜了");
							}
						}

					} catch(e) {
						_self.log(e);
						_self.log(txt);
					}
				}
			});
		}

		Ganov.prototype.beginSteal = function(){
			if( !running ) {
				_self.doSteal();
				running = 1;
			}
		}

		Ganov.prototype.doSteal = function(){
			if ( done ) {
				done = 0;
				if(cursor < links.length) {
					var curData = links[cursor];
					var murl = (havest_url + '?farmnum=' + curData.farmNum + '&verify=' + verify + '&seedid=0&r=' + Math.random() + '&fuid=' + curData.fuid);
					GM_xmlhttpRequest({
						method : 'GET',
						url : murl,
						onload : function(o) {
							var xml = o.responseText;
							var parser = new DOMParser();
							var doc = parser.parseFromString(xml, "application/xml");
							var d = xml2array(doc);

							if(d.data.ret && d.data.ret == 'fail') {
								_self.log("偷 " + curData.name + " 失败，原因: " + d.data.reason);
							} else if(d.data.ret && d.data.ret == 'succ'){
								_self.log("您偷了" + curData.name + "　" + d.data.stealnum + ' 个 '　+　d.data.seedname);
							} else {
								_self.log("Some error occur when steal " + curData.name + ":"　+ murl);
							}
							done = 1;
						}
					});
					cursor ++;
				}
			}
			setTimeout(_self.doSteal, 3000);
		}

		Ganov.prototype.start = function(){
			var murl = mature_url + '?verify=' + verify + '&r=' + Math.random();
			GM_xmlhttpRequest(
			{
				method : 'GET',
				url : murl,
				onload : function (o) {
					var txt = o.responseText;
					var ret = [];
					try {
						eval("ret = " + txt + ";");
					} catch(e) {
						GM_log("get data error " + murl);
						GM_log("return is " + txt);
					}

					ret.friend.forEach(function(user){
						_self.ownerInfo(user.realname, user.uid);
					});
				}
			}
			);
		}

		Ganov.prototype.init = function(){
			if(!btn) {
				var x = document.createElement("div");
				x.id = "m-btn-o";
				x.innerHTML = "<style>#m-btn-o{border:solid 2px red;background-color:#ccc;left:740px;top:110px;position:absolute;}</style>";
				x.innerHTML += "<button id='m-btn'>Begin to Steal</button>";
				document.body.appendChild(x);
				btn = document.getElementById("m-btn");
				btn.addEventListener("click", _self.start, false);
			}
		}

		Ganov.prototype.log = function(msg){
			if(!msgDiv) {
				var c = document.createElement("div");
				c.id = "m-msg-o";
				c.innerHTML = "<style>#m-msg{border:solid 2px red;background-color:#ccc;position:absolute;left:10px;top:100px;}</style>";
				c.innerHTML += "<div class='title'></div><div class='body' id='m-msg'></div><div class='footer'></div>";
				document.body.appendChild(c);
				msgDiv = document.getElementById("m-msg");
				msgDiv.innerHTML = "结果:<br/>";
			}
			msgDiv.innerHTML += msg + "<br/>";
		}

		Ganov.prototype.water = function(fuid, farmNum){
			GM_xmlhttpRequest({
				method : 'GET',
				url : water_url + '?fuid=' + fuid + '&verify' + verify + '&seedid=0&farmnum=' +farmNum + '&r=' + Math.random(),
				onload:function(o){GM_log("done");},
				onfaiure : function(o){GM_log("fail");}
			});
		}
		Ganov.__intialized__ = true;
	}
}

//copy from http://www.openjs.com/scripts/xml_parser/xml2array.js
var not_whitespace = new RegExp(/[^\s]/);
//This can be given inside the funciton - I made it a global variable to make the scipt a little bit faster.
var parent_count;

function xml2array(xmlDoc, parent_count){
	var arr;
	var parent = "";
	parent_count = parent_count || new Object;

	var attribute_inside = 0; /*:CONFIG: Value - 1 or 0
							   *	If 1, Value and Attribute will be shown inside the tag - like this...
							   *	For the XML string...
							   *	<guid isPermaLink="true">http://www.bin-co.com/</guid>
							   *	The resulting array will be...
							   *	array['guid']['value'] = "http://www.bin-co.com/";
							   *	array['guid']['attribute_isPermaLink'] = "true";
							   *
							   *	If 0, the value will be inside the tag but the attribute will be outside - like this...
							   *	For the same XML String the resulting array will be...
							   *	array['guid'] = "http://www.bin-co.com/";
							   *	array['attribute_guid_isPermaLink'] = "true";
							   */

	if(xmlDoc.nodeName && xmlDoc.nodeName.charAt(0) != "#") {
		if(xmlDoc.childNodes.length > 1) { //If its a parent
			arr = new Object;
			parent = xmlDoc.nodeName;

		}
	}
	var value = xmlDoc.nodeValue;
	if(xmlDoc.parentNode && xmlDoc.parentNode.nodeName && value) {
		if(not_whitespace.test(value)) {//If its a child
			arr = new Object;
			arr[xmlDoc.parentNode.nodeName] = value;
		}
	}

	if(xmlDoc.childNodes.length) {
		if(xmlDoc.childNodes.length == 1) { //Just one item in this tag.
			arr = xml2array(xmlDoc.childNodes[0],parent_count); //:RECURSION:
		} else { //If there is more than one childNodes, go thru them one by one and get their results.
			var index = 0;

			for(var i=0; i<xmlDoc.childNodes.length; i++) {//Go thru all the child nodes.
				var temp = xml2array(xmlDoc.childNodes[i],parent_count); //:RECURSION:
				if(temp) {
					var assoc = false;
					var arr_count = 0;
					for(key in temp) {
						if(isNaN(key)) assoc = true;
						arr_count++;
						if(arr_count>2) break;//We just need to know wether it is a single value array or not
					}

					if(assoc && arr_count == 1) {
						if(arr[key]) { 	//If another element exists with the same tag name before,
							//		put it in a numeric array.
							//Find out how many time this parent made its appearance
							if(!parent_count || !parent_count[key]) {
								parent_count[key] = 0;

								var temp_arr = arr[key];
								arr[key] = new Object;
								arr[key][0] = temp_arr;
							}
							parent_count[key]++;
							arr[key][parent_count[key]] = temp[key]; //Members of of a numeric array
						} else {
							parent_count[key] = 0;
							arr[key] = temp[key];
							if(xmlDoc.childNodes[i].attributes && xmlDoc.childNodes[i].attributes.length) {
								for(var j=0; j<xmlDoc.childNodes[i].attributes.length; j++) {
									var nname = xmlDoc.childNodes[i].attributes[j].nodeName;
									if(nname) {
										/* Value and Attribute inside the tag */
										if(attribute_inside) {
											var temp_arr = arr[key];
											arr[key] = new Object;
											arr[key]['value'] = temp_arr;
											arr[key]['attribute_'+nname] = xmlDoc.childNodes[i].attributes[j].nodeValue;
										} else {
											/* Value in the tag and Attribute otside the tag(in parent) */
											arr['attribute_' + key + '_' + nname] = xmlDoc.childNodes[i].attributes[j].nodeValue;
										}
									}
								} //End of 'for(var j=0; j<xmlDoc. ...'
							} //End of 'if(xmlDoc.childNodes[i] ...'
						}
					} else {
						arr[index] = temp;
						index++;
					}
				} //End of 'if(temp) {'
			} //End of 'for(var i=0; i<xmlDoc. ...'
			}
		}
		if(parent && arr) {
			var temp = arr;
			arr = new Object;

			arr[parent] = temp;
		}
		return arr;
}
var ganov = new Ganov();
ganov.init();

var name = 'laruence';
function echo() {
	alert(name);
	var name = 'eve';
	alert(name);
	alert(age);
}

echo();

laruence
eve
[脚本出错]

undefined
eve
[脚本出错]

	var func = function(lps, rps){
		var name = 'laruence';
		........
	}
	func();

	var name = 'laruence';
	function echo() {
		alert(name);
	}

	function env() {
		var name = 'eve';
		echo();
	}

	env();

laruence

function factory() {
	var name = 'laruence';
	var intro = function(){
		alert('I am ' + name);
	}
	return intro;
}

function app(para){
	var name = para;
	var func = factory();
	func();
}

app('eve');

[[scope chain]] = [
{
	para : 'eve',
	name : undefined,
	func : undefined,
	arguments : []
}, {
	window call object
}
]

[[scope chain]] = [
{
	name : undefined,
	intor : undefined
}, {
	window call object
}
]

[[scope chain]] = [
{
	name : 'laruence',
	intor : undefined
}, {
	window call object
}
]

[[scope chain]] = [
{
	intro call object
}, {
	name : 'laruence',
	intor : undefined
}, {
	window call object
}
]

I am laruence

	<script>
	alert(typeof eve); //function
		function eve() {
			alert('I am Laruence');
		};
	</script>

<script>
	alert(typeof eve); //结果:function
	alert(typeof walle); //结果:undefined
	function eve() { //函数定义式
		alert('I am Laruence');
	};
	var walle = function() { //函数表达式
	}
	alert(typeof walle); //结果:function
</script>

	var name = 'laruence';
	age = 26;

<script>
	alert(typeof eve); //结果:undefined
</script>
<script>
	function eve() {
		alert('I am Laruence');
	}
</script>

[callObj] = {
name : undefined
}

一个完整的实例, 看这里: Eve Js loader

例子:

  var loader = Loader;
  loader.onReady = function(){
     alert('全部载入完成');
  }

  loader.on('onLoad', function(name) {
      alert(name + '载入完成');
  });
  loader.load([
  	'http://www.laruence.com/1.js',
  	'http://www.laruence.com/test.js',
  	'http://www.laruence.com/main.js'
	]

Loader.js

/**
 * Eve Js Loader
 * @version 1.0.1
 * @author laruence<laruence at yahoo.com.cn>
 * @copyright (c) 2009 www.laruence.com
 */ 

/**
 * a global object instance, you can easily change to a class definition
 */
var Loader = {
	/**
	 * @var onLoad  when load a individual file completed ,
	 * this event will be fired * @param string name  loaded script file name
	 */
    onLoad : function(name){},
	/**
	 * @var onReady when all scripts loaded, this event will be fired
	 */
    onReady : function(){},
	/**
	 * a empty constructor
	 */
    init : function(container) {
    },
	/**
	 * a empty error handler
	 */
    handlerError : function(e) {
        alert(e);
    },
	/**
	 * event register
	 * @param string evt  event name
	 * @param function handler
	 */
    on : function(evt, handler) {
        switch ( evt.toLowerCase() ) {
            case 'load' :
                this.onLoad = handler;
            break;
            case 'ready' :
                this.onReady = handler;
            break;
            default :
            break;
        }
        return true;
     },
	/**
	 * private method
	 */
    _load : function(path, callback) {
        try {
            var script = document.createElement('script');
            script.src = path;
            script.type = "text/javascript";
            document.getElementsByTagName("head")[0].appendChild(script);
            if( script.addEventListener ) {
                script.addEventListener("load", callback, false);
            } else if(script.attachEvent) {
                script.attachEvent("onreadystatechange", function(){
                        if(script.readyState == 4
                            || script.readyState == 'complete'
                            || script.readyState == 'loaded') {
                            callback();
                        }
                });
            }
        } catch(e) {
            this.handlerError(e);
			callback();
        }
    },
	/**
	 * start loding process
	 * @param array scripts  files want to be loaded
	 */
    load : function(scripts) {
        var total = scripts.length;
        var _self  = this;
        var indicator = arguments[1] || 0;
        if ( indicator >= total ) {
            _self.onReady();
            return true;
		}

        var callee = arguments.callee;
        var script = scripts[indicator];
        this._load(script, function() {
            _self.onLoad(script);
            callee.apply(_self, [scripts, ++indicator]);
        });
        return true;
    }
}

备忘: http://code.google.com/p/evejsloader/

Comments

• 2009/05/23, toms writes: 在你这个blog上我学到了很多东西，记得你有此在某篇文章里提到php编译执行，你为什么不写一个出来了， 我第一个愿意用~——~
• 2009/05/23, 雪候鸟 writes: 呵呵, 这个只是个设想, 目前来讲,APC已经可以实现了.....
• 2009/08/13, longlinfeng writes: loader.on('onLoad', function(name) { alert(name + '载入完成'); }); ----------应该是？---------- loader.on('load', function(name) { alert(name + '载入完成'); });
• 2009/08/13, longlinfeng writes: laruence，附加一个问题：Eve Js Loader只能在页面加载完成（形成DOM树）后才开始工作，如果用户在页面加载完成后立即操作，这时候该如何给用户反馈？ 当然，可以采用loading进度条的方式，提前提醒用户等待。
• 2009/08/13, 雪候鸟 writes: 恩, loader的初衷是为了按需加载. 当项目的js文件很大的时候,会有帮助. 当,要使用的对象不存在, 则去load相应的js文件, 回调函数中继续执行.
• 2009/08/14, longlinfeng writes: 当要使用的对象不存在, 则去load相应的js文件, 回调函数中继续执行？？ 恩。 那Js能不能实现PHP中auto_load()的效果呢，对象不存在时自动去加载？

Related posts:

• 正确使用JS中的正则
• 使用JS做文档处理

Related Posts:

• 深入理解Javascript之this关键字
• 开心网偷菜外挂

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/05/18/809.html
• 转载请注明出处

最近应友人邀请, 要帮忙写个文档处理脚本, 考虑到如果使用PHP或者Perl需要在友人的机器上,搭建一个运行环境,比较复杂, 使用起来也不友好, 本着以人为本的信念, 决定采用hta实现.

其实, 在Windows平台上, js可以调用很多Windows提供的ActivexObject, 在这个意义上来说, 用js写HTA时, js已经不再是传统意义上的Web客户端脚本了, 它已经有些类似于VB了.

本文就使用js来实现文档处理, 和使用js编写ActiveX做一个简单介绍.

言归正传, 友人的需求是: 把一个文件夹下的所有文件内容都读出来, 并且每个文件做为一个Excel的Sheet, 写入一个固定Excel中.

    难点 :
　　　　1. 读取文件
              我们知道， js本身并没有读写文件的API。
          2. 写入Excel
              写入Excel，并且有多个Sheet是个难点。

    解决方案：
          1. 采用FileSystemObject ActiveX Object 来实现文件读取，文件夹遍历
          2. 采用Excel Application ActiveX Object 来实现写Excel

采用FSO遍历文件夹：

                var path = 'C:\\folder\\';
		var fso  = new ActiveXObject("Scripting.FileSystemObject"); //创建一个FSO实例
		var dir = fso.GetFolder(path);
		var fc = new Enumerator(dir.files); //构建可枚举实例
                var file = {};
		for(; !fc.atEnd(); fc.moveNext()) {
			file = fc.item(); //包含文件名
		        alert(file);
		}

写Excel:

		// var files  包含了所有要文件路径的数组， 由上面的逻辑提供
		var fso  = new ActiveXObject("Scripting.FileSystemObject");
		try {
			var excelApp  = new ActiveXObject("Excel.Application");
		} catch (e) {
			alert("请确保您安装了 MS-EXCEL ");
			return;
		}
		var excelBook = excelApp.Workbooks.Add();
		var excelSheet;
		var current = 1;
		for ( var file  in files ) {
			excelBook.Worksheets.Add();
			excelSheet = excelBook.WorkSheets(current++);
			excelSheet.name = file; //命名sheet
			//开始读取文件
			var fh = fso.OpenTextFile(file, 1/*reading*/);
			var content = '';
			while ( !fh.AtEndOfStream ) {
				  content += fh.ReadLine();
			}
			fh.close()

			excelSheet.Cells(1, 1).Value = content + '\t'; //写入
		}
		excelApp.ActiveWorkbook.SaveAs("C:\\TEST.XLS"); //保存Excel文件
		excelSheet.Application.Quit();
  

用js来实现， 觉得最爽的就是调用ActiveX Obj， 完全不用我考虑太多~~ , 爽~

附录, 转载一个有趣的文章:
WSC脚本部件技术：利用Javascript编写ActiveX控件

一个简单的例子：
将如下代码另存为.wsc文件，并右键“注册”（卸载时右键“不注册”）。

<Component>
<registration ProgId=hello.world />
<public>
        <property name=testStr />
        <method name=add>
                <parameter name=x />
                <parameter name=y />
        </method>
</public>
<script>
var testStr="默认值";
function add(x, y)
{
        return x+" + "+y+" = "+(x+y);
}
</script>
</Component>

然后可以通过new ActiveXObject(“hello.world”)的方法来调用该控件。
例如：（另存为.js后双击运行。）

var com=new ActiveXObject("hello.world");
WSH.Echo(com.testStr);
WSH.Echo(com.add(84,25));

这样就可以将javascript代码嵌入到其他编程语言中。

另外，不注册也可以调用该控件，例如：（另存为.js后双击运行。）

var com=GetObject("script:http://www.zope.org/Members/Rimifon/ZopeTest/Sample.wsc");
WSH.Echo(com.testStr);
WSH.Echo(com.add(84,25));

注意的是，JS的GetObject方法因为安全限制，在IE下可能是不能运行的。

另外 还可以使用
regsvr32 http://www.zope.org/Members/Rimifon/ZopeTest/Sample.wsc
指令对远程脚本部件进行本地注册，也可以使用：
regsvr32 http://www.zope.org/Members/Rimifon/ZopeTest/Sample.wsc /u
进行卸载

Comments

• 2009/05/18, cc0cc writes: 没被当木马干掉？ 哈哈 还是perl才是王道
• 2009/05/18, 雪候鸟 writes: perl是王道,,,只是windows下,友人还是女孩,要考虑实际情况么....
• 2009/05/18, ttplay writes: 学习了. 感觉与vbs没多大区别
• 2009/06/10, daniel writes: It's a little jealous about your js ability...^_^
• 2009/07/16, 出国打工 writes: 这样挺好的，很喜欢
• 2009/09/05, pchao writes: 看不是很懂啊,新手,以后会长来学习
• 2010/09/10, christian louboutin writes: 呵呵 代码很强大啊！perl才是天道

Related posts:

• 正确使用JS中的正则
• JS文件装载器(Eve Js Loader)

Related Posts:

• 2012年1月全球www网站技术报告
• Javascript原型链和原型的一个误区
• IE下var的重要性的又一佐证
• 关于Javascript的俩个有趣的探讨
• 深入理解JavaScript定时机制
• 深入理解Javascript之this关键字
• 正确使用JS中的正则
• Javascript作用域原理
• 关于事件模拟
• Js处理Json的”invalid label”错

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/05/17/815.html
• 转载请注明出处

如果用greaseMonkey编写脚本来做一些Web自动化的事情, 最关键的点会是哪里呢?
“模拟浏览器事件”,

试想, 如果一定按钮, 点击以后, 触发了一系列的动作,
如果使用脚本去实现自动化, 那么我们必须去寻找这一系列的动作, 然后找到切入点函数, 模拟参数, 调用. 这会是个很复杂的过程…

但是, 如果我们采用”模拟浏览器事件”的方式, 只要简单的模拟下点击动作, 那些一系列的动作, 我们都可以不关心, 那不是很高效, 也很简单么?

对于IE来讲, 模拟动作有俩套方式:
1. 是IHTMLELEMENT2 提供的事件方法, 比如 click(), blur().
2. 是IHTMLELEMENT3 提供的fireEvent, 事件现场可以使用IHTMLDocument4::createEventObject来模拟

对于FF来讲, 则可以使用Gecko DOM中的createEvent, dispatchEvent.

对于IE来讲, 使用事件方法(以下简称A)和fireEvent(以下简称B)的区别主要有:
1. 使用B的话, 只是发出事件, 不会模拟发送事件之前的浏览器动作, 比如对于focus():
使用A会讲焦点送到事件调用对象上, 而使用B并不会真正的讲焦点送到事件发送对象上.
(其他的待补充).

Comments

• 2009/09/13, guest writes: by Fatal error: Maximum execution time of 60 seconds exceeded in d:\clientweb\laruence\wwwroot\wp-includes\feed-rss2.php on line 37 from google reader.
• 2009/09/14, 雪候鸟 writes: @guest thanks, roger~
• 2011/08/29, iterse's blog writes: 学习了，不怎么理解，顶一下！

Related Posts:

• 2012年1月全球www网站技术报告
• Javascript原型链和原型的一个误区
• IE下var的重要性的又一佐证
• 关于Javascript的俩个有趣的探讨
• 深入理解JavaScript定时机制
• 深入理解Javascript之this关键字
• 正确使用JS中的正则
• Javascript作用域原理
• 使用JS做文档处理
• Js处理Json的”invalid label”错

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/05/10/786.html
• 转载请注明出处

因为东方时尚改版, 请参看约车脚本2.0

约车辛苦啊， 不停的刷新。。。
刚看到有车, 一点又没了,,,

愤怒之下, 写了个自动刷新脚本, 自动帮你约车.
可以定义多个需要预订的时段~~

脚本可以无人值守…

享受吧~~ 呵呵

安装地址: dffs booking script

代码如下:

// ==UserScript==
// @name           dffs_booking_script
// @namespace      dffs.booking
// @include        http://yueche.dfss.cn/web/cmp/yc.aspx?StudentID=0942978
// @version		   1.0.3
// @author		   laruence<laruence at yahoo.com.cn>
// @copyright	   Copyright (c) 2009  laruence , All rights Reserved
// ==/UserScript==
//

/**
 * monday = 1, sunday = 0
 * 7:00-9:00 = 1, 19:00-21:00 = 5 ,
 * [ [5, 5], [6, 1] ] 的意思是, 我要预约星期5晚上19点到21点,
 * 和星期六7点到9点，
 * 修改这个为你想要的时段吧
 */
var expect_period = [
[6, 1], [6, 2],
[0, 1], [0, 2], [0, 3], [0, 4],[0, 5]
];	 

//每次请求之间的延迟， 不用太短， 机器会郁闷的。
var delay = 10; //5秒
//

var START = true;
var delegate = function(expect_period) {
	var day_map 	= ['日', '一', '二', '三', '四', '五', '六'];
	var period_map	= ['7-9', '9-13', '13-17', '17-19', '19-21'];
	var url			= window.location.href;
	var book_day 	= [];
	var book_period = [];
	var self		= this;
	var time		= new Date();
	var today		= time.getDay();

	for ( var key in expect_period ) {
		book_day[key]  	  = day_map[expect_period[key][0]];
		book_period[key]  = period_map[expect_period[key][1] -1];
	}

	if( typeof delegate.__initilized__ == 'undefined' ) {
		delegate.prototype.init  = function(flag) {
			var x = document.createElement("div");
			var btn = null;
			x.id = "m-btn-o";
			x.innerHTML = "<style>#m-btn-o{border:solid 2px red;background-color:#ccc;left:740px;top:110px;position:absolute;}</style>";
			document.body.appendChild(x);
			if ( flag ) {
				x.innerHTML += "<button id='m-btn'>开始约车</button>";
				btn = document.getElementById("m-btn");
				btn.addEventListener("click", function() {
						window.location.replace(url + '&automatic_booking=1');
				}, false);
			} else {
				x.innerHTML += "<button id='m-btn'>停止</button>";
				btn = document.getElementById("m-btn");
				btn.addEventListener('click', function() {
							window.location.replace(url.replace('&automatic_booking=1', ''));
						}, false);
				setTimeout( function() {
					self.start();
				},  2000);
			}
		}

		delegate.prototype.start = function() {
			/*
			GM_xmlhttpRequest( {
				method : "GET",
				url : url,
				onload : function(o) {
					var text = o.responseText;
					self.isAvailable(text);
				},
				onerror : function(e) {
					GM_log("Error occurred");
				}
			});
			*/
			var text = document.getElementById('gridgrid_div').innerHTML;
			self.isAvailable(text);
		}
		delegate.prototype.isAvailable = function(text){
			for ( var i=0, l=expect_period.length; i<l; i++ ) {
					var expect_day	= expect_period[i][0];
					expect_day		= ((expect_day - today) + 7) % 7;
					var id = "grid_grid_ci_0_" + expect_period[i][1] + "_" + expect_day	+ "_imgButton";
					var input = null;
					if( (input = document.getElementById(id) )
							&& input.src.indexOf('02.gif') != -1 ) {
						/**
						 * igtbl functions
						 * defined in ig_WebGrid.js line 2477
						 */
						var grid = unsafeWindow.igtbl_getGridById('gridgrid');
						var cellId = "gridgridrc_" + expect_day + "_" + expect_period[i][1];
						var cell   = unsafeWindow.igtbl_getCellById(cellId);
 						grid.setActiveCell(cell); // important
						var evt = document.createEvent("MouseEvents");
						evt.initEvent("click", true, true);
						input.dispatchEvent(evt);
						return true;
					}
				}
				url	+= (url.indexOf("automatic_booking") != -1) ?  '' : '&automatic_booking=1';
				window.location.replace(url);
		}
		delegate.__initilized__ = true;
	}
}

window.addEventListener('load',  function() {
	var agent = new delegate(expect_period);
	if ( window.location.href.indexOf('automatic_booking=1') != -1 ) {
		agent.init(!START);
	} else {
		agent.init(START);
	}
}, false);

使用方法， 使用firefox， 并且安装greaseMonkey插件。 对这个不明白， 可以问问google， 他知道.

Comments

• 2009/05/11, 晓易 writes: 这个不错。不过电话预约早7点就开始了，网络预约是9点后，好时间段基本已经约满。只能寄希望于有人取消预约。
• 2009/05/12, 雪候鸟 writes: 现在学成的人太多了`
• 2009/05/12, toms writes: 雪大侠：我问个东西 就是一个sns站， 它的用户首页有好友列表，好友生日， 用户群组等东西， 其中有一部分很少变动（都在同一个页面）的部分我打算生成局部静态html页面，每隔一段时间更新或由用户动作触发更新，以用户首页来说如果有三个页面模块需要静态化， 那么就要生成3个静态文件，如果有40w用户，基本上就有40，0000*3个静态页面, 这么多文件在文件系统中如何处理， 如果采用hash路径， 那么一个目录下的子文件数（不知道子文件中的文件数对访问当前文件夹下的文件有没有速度影响）不超过多少才不会影响文件系统访问速度？ 第二种方法就是用memcache缓存数据查询结果，然后直接在视图中使用mem缓存结果而也不用查询数据库，哪个快点啊？ 谢谢！
• 2009/05/12, toms writes: 而且也不光用户首页部分，站点还有很多地方都会使用
• 2009/05/12, 雪候鸟 writes: 我觉得用cache会比较好一些, 第一种方式也许我没太看懂, 直观上觉得,这么多文件, 是比较费力的.
• 2009/05/12, toms writes: 第一种方式就是，在用户首页有很多模块：最近访问，好友列表，我加入的群组，个人基本信息。。。 ， 其中“我的好友”， “我加入的群组”是很少更新的那么在被访问了一次之后生成：myfriends.html, mygroup.html, 以后访问用户首页的时候对于“我的好友”和“我的群组”就直接读上面的生成的静态文件， 但由于每个用户的好友列表和群组是不一样的， 所以就要为不同的用户生成不同的html， 这样如果有10w用户数，那么缓存的静态文件就可能是10, 0000*3个，这么多文件怎么处理，我按用户id md5出3级目录存放它们有没有效率上的问题，就是会不会由于文件数太多反而访问缓存文件的速度还不如访问数据库 ---------------------------------- 谢谢
• 2009/05/12, 雪候鸟 writes: 首先, 你这样的静态化的思路出发点就不对, 一般来说, 静态化应该是说对于所有的用户(起码不会每个用户都一份)都一样的部分静态化. 我个人更支持你使用缓存. 由用户更新来促使缓存失效. 这个速度会快于你管理如此大的文件数目的速度.
• 2009/05/12, toms writes: 嗯好的，谢谢啊。。。。
• 2009/05/13, Anonymous writes: 能写个自动打电话的吗
• 2009/07/16, 工作计划 writes: 主题漂亮
• 2009/07/16, 儿童游戏 writes: 路过，顺便顶下
• 2009/07/28, Fisher writes: 老大？为啥我测试了2.0-3.0-3.5三个版本的FF，始终没有见到过其自动刷新的效果呢？多谢，敬请指教：） yuningilike@163.com
• 2009/11/26, tangtang writes: 怎么我用了也没效果呢？还请赐教呀！！
• 2009/11/27, 雪候鸟 writes: @tangtang dfsf改版了,,我也没有账户可以测试修改... 所以不能用了.
• 2009/11/28, 雷恩 writes: 看到大哥的贴子相当兴奋，心想总算看到了约车的希望了。可是俺是新手，不会玩这么高的技术，能不能送佛送到西，再详尽一点？我已经装了插件，也安装了脚本（点击了您提供的地址），接着应该是要改代码了吧？就这一步不会...
• 2010/03/31, 东方时尚约车脚本(greaseMoney)V2.0 | 风雪之隅 writes: [...] 原来的脚本不能用了. 马上有人要报名了, [...]

Random Posts:

• 关于Javascript的作用域链的几句话
• 回答下在bugs.php上的一个问题
• 三元式(ternary)性能优化
• 定制自己的PHP语法-在PHP中实现unless
• 深入理解PHP原理之对象(一)
• 深入理解SET NAMES和mysql(i)_set_charset的区别
• 关于调用约定(cdecl、fastcall、stcall、thiscall) 的一点知识
• 在PHP Module中获取$_GET/$_POST/$_COOKIE的方法研究
• PHP5多层继承顺序的bug
• 提升PHP性能之改变Zend引擎分发方式

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/05/06/758.html
• 转载请注明出处

做互联网, 就一定要多用新的互联网产品, 遇到好玩的, 要主动去思考如何实现, 这样才能一直保证你自己的良好的互联网应用的sense. 嘿嘿, 题外话一句.

昨天玩开心网的图片上传, 不得不说, 开心网的细节做的很好.

之前在前公司的时候, 高管干扰UE, 干涉产品的设计细节, 出来的产品, 一个比一个难看, 一个比一个土鳖. 搞得开发都不想做, 以至于一段时间, 我们开发工程师会去修缮UE设计的细节.

真不明白, 没有一点互联网应用美感和sense的”猪头”高管, 怎么会对自己的”审美”那么的自信…. 玩死自己没关系 , 玩死了公司, 你内疚不? 唉, 题外话二.. 细节决定成败!

恩, 回到正题, 看到了开心网的, 本地客户端检测图片格式, 和即时显示缩略图功能, 发现在chrome, firefox3, IE8下都不能显示缩略图, 可是我可爱的Eve一直坚持是可以的, 经过研究测试, 找到了在firefox3 , IE8下可以使用的方法.

效果如下:

一个独立的例子,看这里

   PS: chrome是webkit核心, 如果大家谁知道对于Webkit核心的浏览器, 如何获得file input的full path的方法, 一定告诉我.

   另外, IE8还和一个安全设置有关系"文件上传的时候是否告诉服务器文件路径", 如果大家有更好的办法, 也一并告诉我.

Firefox3不支持通过value来获取文件全路径, FireFox3中引入了一个新的接口用来解决这个问题，那就是nsIDOMFile，它专门被用来从客户端的input type=”file”的控件中获取文件数据，这样就可以将本地的文件保存到服务器上。这是一个非常好的解决办法，以至于我们在FireFox3中开发这样的应用程序时比先前简单获取value值然后再通过服务器端代码上传文件要简单许多，

具体可以参看这里: nsiDOMFile

Comments

• 2009/05/06, Willko writes: 真是及时雨啊。。。 不知道有没有兼容性更强的呢？
• 2009/05/06, 雪候鸟 writes: chrome是webkit核心的,,目前还没有找到方法怎么获取文件全路径. 另外,IE8还和安全级别设置有关系..
• 2009/05/06, dyh1919 writes: 记得支付宝里有一个上传身份证的看缩略图，估计兼容性是做到的了，可以试着扣出来
• 2009/05/06, Anders writes: some code is invalid. widht = container.widht; 恩，不错。 支付宝的,我猜可能是控件。
• 2009/05/06, 雪候鸟 writes: 哦,手误, 恩, 用activeX来专门处理IE series, 那是肯定可以的.
• 2009/05/06, 图片上传即时显示缩略图解决方法(支持firefox3和ie8) 网站系统架构网摘 - 系统 架构 服务器 优化 网站 writes: [...] from：http://www.laruence.com/2009/05/06/758.html Facebook 如何管理150亿张照片 [...]
• 2009/05/06, gently writes: 老外们讨论的结果似乎是通过flash桥接来解决兼容问题。一如Gmail的实时提示附件太大。
• 2009/05/07, ... writes: http://www.cnblogs.com/jaxu/archive/2009/04/21/1439016.html
• 2009/05/07, WIllko writes: 我把兼容ie6/7系列的代码写在了这http://willko.javaeye.com/admin/blogs/381684 希望继续探讨
• 2009/05/07, 雪候鸟 writes: 也就是IE8麻烦...
• 2009/05/08, 就天鹰 writes: 不错，一直找不到支持ff的方法 转载一下，不反对吧，谢谢
• 2009/05/10, 雪候鸟 writes: 不反对，点都不反对。。。呵呵
• 2009/05/12, weimade writes: 以前我们公司弄了一个好玩的办法.. 当用户选择图片之后,直接用JS就把图片给传到服务器上了. 然后就不管他什么浏览器了. 所谓的预览,就成功了.
• 2009/05/12, 雪候鸟 writes: 恩, 这个方法比较狠..
• 2009/05/14, flykobe writes: 原来用的是data url！ 以前一直看图片预览，都没弄明白！多谢多谢！
• 2009/05/18, Jessica writes: 汗..说了这么多不就是一句 document.getElementById('file').value
• 2009/05/18, Jessica writes: 像我这种用户点完预览就就提交了..不知道你JS给服务器提交到一半怎么处理..我想的只有加重服务器负担.
• 2009/05/18, 雪候鸟 writes: 你再仔细看看? 呵呵
• 2009/05/21, Anonymous writes: IE7下图片只显示路径，不显示图片
• 2009/05/22, 雪候鸟 writes: 恩,IE下有个安全选项问题...
• 2009/08/13, zhj writes: 额的神啊~~该怎么感谢你啊~~
• 2009/08/13, 雪候鸟 writes: 你可以选择请我吃饭, 或者请我喝酒, 嘿嘿
• 2009/08/14, zhj writes: 那我拜你为师吧~~以后有机会一定请你喝酒~~二锅头
• 2009/12/02, Anonymous writes: 佩服，现学现用了，希望作者不要介意。
• 2010/07/26, wclssdn writes: 我是IE8 ... 难道不支持ie8? 我也实现过类似的.. 不过也是上传后.. 返回地址.. 显示缩略图的... 但是不会存在垃圾文件.. 我存了个标志在session中.. 呵呵.. 希望早日找到更更好的办法..
• 2010/12/10, Channel Magnets writes: 悬吊Channel Magnets地球仪 眼界超越局限尽在掌握,悬吊磁铁地球仪,仅仅是材质的变化,Sensors Magnets就把地球仪的呆板一扫而空;深灰的金属色,富有时尚触觉。 Other Magnetic Assembly它可以通过磁铁吸附,挂在墙上成为立体的球型壁画,悬吊在天花板上作为装饰,或者只是简单摆放在桌上。美白重要的是,无论何时何地;桃皮绒销量不减 ,寒意日渐袭人,这一季适用于制作成夹克衫、Nike air max、休闲装的面料在市场上销量一直是相当不错,商家忙碌着向工厂下订单、puma shoes做货样、催出货。cheap handbags无论是内销订单,还是外贸订货,护肤桃皮绒在近期的盛泽市场上有其一定的地位,尤其深受东欧地区的客商喜欢。
• 2011/03/24, 雷神 writes: 经过验证此文章中的代码在chrome 10.0.648.6版本中失效。chrome这点比其他浏览器安全点

Random Posts:

• NCR与HTML Entities
• 图解aclocal、autoconf、automake、autoheader、configure
• 深入理解SET NAMES和mysql(i)_set_charset的区别
• 深入理解PHP原理之错误抑制与内嵌HTML
• BTwitter(Twitter In Bash)
• PHP Reflection Extension的一个bug
• PHP5.2.x + APC的一个bug的定位
• 使用CSS实现圈人效果(CSS Sprites)
• Dom事件的srcTarget,strElement探幽
• 关于PHP你可能不知道的－PHP的事件驱动化设计

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/05/05/740.html
• 转载请注明出处

我最早了解到”图片合并”技术, 应该是在大学游戏时代, 会发现很多游戏图标, 都会合并在一个位图中, 然后使用类似”遮罩”的技术来分别显示各种图标.

第一次使用CSS Sprites技术的时候, 其实并不知道它的这个名字, 也并没觉得多稀奇,就是个遮罩么.

今天玩开心网的圈人游戏时候, 发现它的实现是使用了Js, 突发奇想, 或许可以使用CSS Sprites来实现, 抛弃内嵌的JS.

效果如下:

图标标记

1. 显示器

17′的显示器哦~

2. 电话

听筒坏了

3. 机箱

白色的机箱

4. IBM ThinkPad

ThinkPad

5. 外置光驱

我不知道这玩意是哪里买的

有兴趣的同学, 可以直接看HTML源码, 一个独立页面的例子在这里

Comments

• 2009/05/05, gently writes: 仔细的看完了。纯CSS实现起来果然很有魅力。 如果很后台程序结合起来，这种方式可能会造成很多的代码冗余，创建元素都变成了服务端处理，本来大概只需送出height,width,top,left这些。
• 2009/05/05, 雪候鸟 writes: 恩,这倒是, 用js也不需要多余生成图片. 呵呵,只是探讨一种新的方式..
• 2009/06/11, reeze writes: 恩。不过sprites的方式扩展起来比较麻烦啊。得服务器生成图片。。
• 2012/01/26, 荆棘 writes: 我倒想尝试一下~

Random Posts:

• PHP stream未能及时清理现场导致Core的bug
• 深入理解PHP原理之Session Gc的一个小概率Notice
• memory_limit的一个bug
• Compilation failed: support for \P, \p, and \X has not been compiled
• [转载]技术文化和惨淡命运 —— 怀念中国雅虎
• 深入理解PHP之require/include顺序
• PLua – Lua for PHP
• Zend引擎的优化
• 使用fscok实现异步调用PHP
• 保证PHP扩展的依赖关系

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2009/04/09/674.html
• 转载请注明出处

1.  js中的作用域是通过作用域链来实现的,  这个链, 是由一个一个的活动对象组成的, 最顶级的活动对象是window

2. 在js中, 在每一个执行点, this关键字都指当前函数(方法)的所有者.

3. 每个属性,其实都会定义成当前活动对象的属性, 在顶级文件中的每个函数定义,变量定义, 都定义成window对象的属性.

4. 对于函数, 如果通过函数表达式定义的函数, 则在函数表达式执行前, 该函数不可用. 而如果是通过函数定义式定义的函数, js会把它的定义提前, 也就是说在函数定义式之前, 该函数都可用.

5. 因为活动对象链的特性, 所以js支持闭包.

另外关于js中的原型链有一句要说的.
1. 只有函数对象有可以访问的prototype属性, 一般对象不是没有prototype属性, 只是没有可以访问的prototype属性.(严格来讲, 一般对象只有只能JS引擎内部访问的”[[prototype]]”属性)

Comments

• 2009/04/16, 风吹倒的男子 writes: function xx(){} //函数表达式? xx = function(){}//函数定义式? 你那句话好拗口
• 2009/04/17, 雪候鸟 writes: var func = function(){} //函数表达式 function func(){} //函数定义式
• 2009/04/21, eason writes: good
• 2009/05/10, LungZeno writes: 之前 ECMAScript 3 的 specification 在這方面的用字真的使人在溝通上有點混亂，現在最新出的 ECMAScript 3.1 的 specification 實在好得多。以下用新用字說。 Javascript 是沒有宣告和定義之分的，宣告的同時就會定義，未宣告即是未定義，已宣告即是已定義，最起碼在語言中是檢查不出分別的。不過 var statement 的 declaration binding instantiation 和 assignment 卻是分開的。 例如： var global = window; alert("declarativeVariable1" in global); // display "true" alert(declarativeVariable1); // display "undefined" var declarativeVariable1 = "some value"; // variable declaration statement alert(declarativeVariable1); // display "some value" alert(declarativeFunction2); // display declarativeFunction2.toString() function declarativeFunction2(){} // function declaration statement alert("functionExpression" in global); // display "false" for Javascript, "true" for Jscript which is wrong implementation of ECMAScript try{ alert(functionExpression); }catch(error){ alert("error"); } // display "error" for Javascript, functionExpression.toString() for Jscript which treat function expression as function declaration statment alert("declarativeVariable3" in global); // display "true" alert(declarativeVariable3); // display "undefined" var declarativeVariable3 = function functionExpression(){}; alert(declarativeVariable3); // display functionExpression.toString() alert("functionExpression" in global); // display "false" for Javascript, "true" for Jscript 其實 Javascript 的 this 關鍵字有點複雜，既非靜態（詞法），亦非動態。先不理那些內部屬性、內部方法、call方法、apply方法。簡化了綜合地說，函式內的 this 的值是取決於函式呼叫時用以取出該函式的 Reference 的 base 值的，如果是一般的物件，則 this 就是指向該物件，如果是 declarative envirnoment record （即是一般的 scope），則 this 就是指向全域物件。 例如這樣： var someString = "global variable"; function enclosing(){ this.someString = "property 1"; var someString = "local variable 1"; function test(){alert(this.someString);} test(); return test; } var someObject = {encolsing:encolsing}; var testGlobal = someObject.enclosing(); // display "global variable" alert(someObject.someString); // display "property 1" testGlobal(); // display "global variable" secondObject = {someString:"property 2",testProperty:testGlobal}; secondObject.testProperty(); // display "property 2" with(secondObject) var innerWith = function(){testProperty();}; innerWith(); // display "property 2"; ECMAScript 3.1 （現在叫 ECMAScript 5th edition）的最新 specification 寫得很清晰，例如最新的 specification 把 scope 和一般物件清楚分開處理，並把 LexicalEnvironment 和 VariableEnvironment 分離，特別它把各操作和計算「函式化」和「物件導向化」。

Related posts:

• 关于JavaScript的执行域,标识符解析,闭包的研究
• 一个误区（关于javascript的字符串拼接)
• 关于Javascript的俩个有趣的探讨

Random Posts:

• Linux上配置Nginx+PHP5(FastCGI)
• 关于事件模拟
• 更简单的重现PHP Core的调用栈
• 一个误区（关于javascript的字符串拼接)
• 大家新年好~
• 分割GBK中文遭遇乱码的解决
• 将PHP Manual融入(g)Vim
• 一个巧妙的分页方法
• 深入理解PHP原理之错误抑制与内嵌HTML
• 百度招聘－系统平台研发(实习)工程师

• 作者: Laruence( )
• 本文地址: http://www.laruence.com/2008/08/21/358.html
• 转载请注明出处

推荐一个小东郭写的Friefox扩展：Firefox DNS Cache v0.1，支持firefox到3.*。顺便帮他做个分流。

做IT开发的工程师，经常需要配置host来进行开发，而不方便的是，每次修改了hosts以后，都要重启浏览器来使hosts生效。 这个扩展就是为了解决这个问题而来的， 使用了它，你就不再需要重启浏览器了

每次修改一下hosts都需要重新启动一下浏览器，现在不需要这么做了，写了一个 Firefox 扩展:
Clear DNS Cache
下载下来试试看，主要原理是，修改 network.dnsCacheExpiration 的值为0然后再修改回原先的值，这个参数在 firefox 默认是没有的，如果安装了这个扩展，点击不起作用的话，可以看下你的 about:config 是否有这个变量，如果没有，请添加上。这个变量单位为 second, 我的设置的是3600。

这个扩展有三种方式可以使用，
1. 点击右键，可以看到 Clear DNS Cache , 选择即可。
2. 在工具栏中有 Clear DNS Cache 选项
3. 可以将 Clear DNS Cache 添加到 Tool bar 中，不知道的话，问问同事吧。

声明: 该扩展作者为:guoxiaod, 转载请注明出处，由于空间是租来的，所以安装可能 需要下载到本地，然后拖动到Firefox安装。

原文地址:http://onemouse.cn/i/17

---

Comments

• 2008/08/21, volcano writes: 无法找到该页 您正在搜索的页面可能已经删除、更名或暂时不可用。
• 2008/08/21, 雪候鸟 writes: 恩，服务器有问题。 xpi文件就404，暂时先链接到晓东的下载link
• 2008/08/22, RainX writes: 很是有用阿...
• 2009/04/07, jayee writes: Firefox DNS Flusher

---

Related posts:

• 浏览器缓存机制
• 一个误区（关于javascript的字符串拼接)
• Dom事件的srcTarget,strElement探幽
• pkg-config与LD_LIBRARY_PATH
• Zend引擎的优化

---

Copyright © 2010 风雪之隅 版权所有, 转载务必注明. 该Feed只供个人使用, 禁止未注明的转载或商业应用. 非法应用的, 一切法律后果自负. 如有问题, 可发E-mail至my at laruence.com.(Digital Fingerprint: 73540ba0a1738d7d07d4b6038d5615e2)

Random Posts:

• PHP-5.3.9远程执行任意代码漏洞(CVE-2012-0830)
• IE下的Javascript调试利器:Companion.js
• 谈谈用户可预感体验
• 采用PHP实现”服务器推”技术的聊天室
• 让Json更懂中文(JSON_UNESCAPED_UNICODE)
• IE下pre标签的InnerHTML问题
• IE下var的重要性的又一佐证
• Compilation failed: support for \P, \p, and \X has not been compiled
• 深入理解PHP原理之函数(Introspecting PHP Function)
• shell下发推脚本

]]> http://www.laruence.com/2008/08/21/358.html/feed 4