JavaScript性能优化之循环操作
JavaScript中有四种不同类型的循环，for循环、do-while循环和while循环。（第四种类型为for-in循环，用于迭代对象的属性，本文不予讨论。）代码如下：
var values = [1, 2, 3, 4, 5];
//for 循环
for(var i=0; i<values.length; i++){
process(values[i]);
}
//do-while 循环
var j=0;
do{
process(values[j++]);
} while(j < values.length);
//while 循环
var k=0;
while(k < values.length){
process(values[k++]);
}
每个循环示例都会得到相同的结果：将values数组的所有条目传送到process函数。
仔细观察会发现，代码中每次循环执行都会调用 values.length 查看是否到达数组尾部。调用 values.length 查看数组长度是非常低效的，并且在循环执行中并不会改变values数组的长度。 通过使用本地变量替代属性查找将会提高循环的效率。
var values = [1,2,3,4,5];
var length = values.length;
//for 循环
for(var i=0; i<length; i++){
process(values[i]);
}
//do-while 循环
var j=0;
do{
process(values[j++]);
} while(j < length);
//while 循环
var k=0;
while(k < length){
process(values[k++]);
}
现在每个循环使用本地变量 length 替代了 values.length ,从而减少了每次循环执行中属性查找的时间。
另外一种简单的提升循环效率的方法是使用总长度向0递减的方法替代从0向总长度递增的方法。
var values = [1,2,3,4,5];
var length = values.length;
//for 循环
for(var i=length; i--;){
process(values[i]);
}
//do-while 循环
var j=length;
do{
process(values[--j]);
} while(j);
//while 循环
var k=length;
while(k--){
process(values[k]);
}
条件修改为等于0后，每个循环的执行效率有了显著的提高。（当循环变量等于0时，条件判断为true）。
每种循环的执行效率都是相同的，所以你并不需要烦恼选择哪种循环方式效率最高。
相关文档：
<!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>js除去字符串空格 ......
这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读。
第一篇就先讲讲Javascript中的offsetParent属性吧。
支持的浏览器：Internet Explorer 4.0+，Mozilla 1.0+，Netscape 6.0+，Opera 7.0+，Safari ......
JavaScript允许创建和打开代表HTML文本, form对象和frame的窗口.
window对象是JavaScript客户层次结构的最顶层对象,
form元素和全部JavaScript代码都是存在于文档中,而文档被装载进窗口. 为了理解窗口怎样工作,你可以控制操作这些窗口.
打开和关闭窗口
当
用户启动(launch)Navigator时,将自动创建一个窗口.用户还可� ......
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
//系统信息获取
function getSysInfo(){
var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
var service = locator.ConnectServer(".");
//CPU信息
var cpu = new Enumerator (service.ExecQuery("SELECT * from Win32_Processor")).item();
var cpuType=cpu.Name,h ......
