JavaScript -- IT技术博客大学习 -- 共学习共进步！

• 用JavaScript判断IE版本号

一段用JavaScript判断IE版本号的代码。

工作中碰到一个变态的性能问题。CMS中有个页面，上面有个多选框，其中有14000个选项。页面中提供给用户一个按钮，点击这个按钮时要清除已选中状态。本文介绍如何快速的完成清除工作。

在《JavaScript语言精粹》第76页也指明在正则表达式的字符类中使用正斜杠“/”需要转义，也是基于ECMAScript3规范。由于正则表达式中需要转义的特殊字符比较多，当心存疑虑时对任何特殊字符都可以使用反斜杠“\”来使其字面化确保安全，不过这个规则不适宜字母和数字。

• JS文件加载失败处理

浏览器的文件加载实际上是有非常纠结的兼容问题的。最近看到@lifesinger做了一个具体的总结。这里比较麻烦的是IE6~8不区分加载成功或失败，都走一个回调。在网上看了一种解决方案是，在加载文件的最后置一个全局变量或改变标签的属性来区分，这样成功与否就通过这个标志位判断。但显然不太完美，还要改加载文件。后来尝试另一种思路，先创建一个vbscript，src置成一个JS文件，如这个文件加载正常，肯定会报错否则不会有反应。这样...

• IE中Image .onload方法问题

在web开发在获取图片宽高是很正常的事情，图片在加载完成前是获取不到图片的宽高的，在加载完成后才可以获取图片本身的宽高，例如： var img = new Image(); img.src = "loading.gif"; img.onload = function(){ alert ( img.width ); }; OK?这段代码看着没什么问题，但在ie中会有一个bug，就是ie第一次打开的时候没问题，第二次使用这个方法就悲剧了，ie没反应了，即使刷新页面也是一样。因为IE会缓存图片，第2次加载的图...

• 如何判断Javascript对象是否存在

Javascript语言的设计不够严谨，很多地方一不小心就会出错。举例来说，请考虑以下情况。现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：　　if (myObj不存在){ 　　　　声明myObj; 　　} 你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javasc...

• BigPipe学习研究

FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4 秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务网站...

• 利用跨域资源共享（CORS）实现ajax跨域调用

前几天看了一篇E文说部署CORS的文章，CORS是一中跨域的方式，于是上网找了下Nicholas C. Zakas 的文章《Cross-domain Ajax with Cross-Origin Resource Sharing》，并且找到了中文的翻译，感觉不错，转来分享之。

• UglifyJS有个不错的JavaScript解析器

我一直在为Jscex寻找好用的JavaScript解析器，之前我用的是Narcissus，也写过相关文章。不过可惜的是，Narcissus使用了SpiderMonkey的扩展，因此它并不是用ECMAScript 3实现的，无法在IE 8等浏览器中使用。目前Jscex使用的是NarrativeJS中旧版的Narcissus，但是我并不喜欢它输出的AST结构，使用中也发现高级功能里的一些bug，有些食之无味弃之可惜的感觉，而改写新版Narcissus又必须大动干戈。最近我接触到了UglifyJS，发现它的解...

• 使用Google Closure Compiler全力压缩代码

JavaScript压缩代码的重要性不言而喻，如今的压缩工具也有不少，例如YUI Compressor，Google Closure Compiler，以及现在比较红火的UglifyJS。UglifyJS的出名是由于它代替Closure Compiler成为jQuery项目的压缩工具。根据我的实测，jQuery Core的代码使用UglifyJS压缩后(节省62.5%)的确要比Closure Compiler压缩后(节省57.53%)更小一些。很显然，这是因为UglifyJS的压缩策略比Closure Compiler更“聪明”一些。

• Jscex使用BSD授权协议正式发布

这次打算把Jscex好好搞一下了，其实很少会有技术方面的障碍能“轮到”我们去突破，但我觉得Jscex的确有机会，HTML 5、Node.js各个都是红火的玩意儿。前几天我花了两个晚上用半生不熟的中式英语写了一篇自认为比较完整的说明文字放到了Github上的项目首页上，没想到几个小时后便收到了StratifiedJS(一个与Jscex目标有些类似的项目)作者的邮件，提到了一些关于StratifiedJS的事情。我向他咨询了StratifiedJS的某些细节问题，也向他简...

• Canvas高级特性

在我们的一系列文章中，我们上一次讲了Canvas元素，还有一些基本的操作。这篇文章中，我们再来介绍一些Canvas高级的方法。

• jQuery中的动画

jQuery天生就是用来做动画的。无论是消息框淡出淡入，菜单栏的滑动打开，或者滚动动画，甚至游戏，都可以用内建的方法或者更丰富的插件来完成。 CSS样式属性动画我们现在有很多的动画方法，滑动、淡出淡入、还有其他的显示隐藏动画，但是我们对于精确的控制动画以及动画到底怎么发生的还不太了解。我们这就来介绍一个非常强大的jQuery函数，animate，这个方法可以让你对任何的CSS属性做动画的效果。

• JavaScript基于计时器的伪线程机制

在之前的那篇浏览器对Javascript代码执行的限制文章中，描述了5个浏览器在javascript代码执行的时间过长的时候怎么办。它不会改变浏览器的行为，也不可能取消掉后端服务器的进程。不过，计时器可以帮助我们实现长期运行的任务而不需要阻塞浏览器。什么是计时器 JavaScript代码中，每一个函数都可以设定在某一个时刻之后执行： setTimeout(function,msec[,arg1...argN])，会在多少毫秒之后运行这个函数。后面的参数会传递给要执行...

• 如何在JavaScript中处理大量数据

在之前的文章中，我们讲了浏览器对于JavaScript代码执行的限制和基于计时器的伪线程机制。这里，我们再看看如何在JavaScript中处理大量数据。在几年之前，开发人员不会去考虑在服务端之外处理大量的数据。现在这种观念已经改变了，很多Ajax程序需要在客户端和服务器端传输大量的数据。此外，更新DOM节点的处理在浏览器端来看也是一个很耗时的工作。而且，需要对这些信息进行分析处理的时候也很可能导致程序无响应，浏览器抛出错误...

• 使用minify合并YUI请求

记录如何使用minify合并YUI请求。

• 如何安装Node.js

下面分别介绍在Mac, Ubuntu,Centos以及Windows下安装Node.js. Mac 在Mac下，如果你喜欢用homebrew，那么只用一行就可以装好: brew install node

• 如何写出高质量的Javascript代码

本文总结了一些javascript的编写技巧，通过这些技巧可以要我们写出高质量的javascript代码，无论在代码规范上还是在代码效率上都会有很大的帮助！

• javascript with延伸的作用域是只读的吗？

当执行流进入下列任何一个语句时，作用域链将得到延长： * 1) try-catch语句的catch块 * 2) with语句此两个语句会在作用域链的前端添加一个变量对象。对with来说，其变量对象中包含着指定对象的所有属性和方法所作的变量申明；对catch来说，其变量对象中包含的是被抛出的错误对象的申明。这些标量对象都是只读的，因此在with和catch语句中申明的变量都会被添加到所在执行环境的变量对象中。这是《JavaScript 高级程序设计第二版...

• Javascript中的函数声明和函数表达式

Javascript有很多有趣的用法，在Google Code Search里能找到不少，举一个例子：试一下就知道这段代码的意思就是声明一个函数，然后立刻执行，因为Javascript中的变量作用域是基于函数的，所以这样可以避免变量污染，但这里的位运算符“~”乍一看让人摸不到头脑，如果去掉它再运行则会报错：SyntaxError。