与之相比更为高效的做法是使用数组的join方法，即将需要拼接的字符串放在数组中最后调用其join方法得到结果。
不过由于使用数组也有一定的开销，因此当需要拼接的字符串较多的时候可以考虑用此方法。
关于Javascript优化的更详细介绍请参考：
WriteEfficientJavascript（PPT）
EfficientJavaScript
2.CSS选择符
在大多数人的观念中，都觉得浏览器对CSS选择符的解析式从左往右进行的，例如
#tocA{color:
#444;}
这样一个选择符，如果是从右往左解析则效率会很高，因为第一个ID选择基本上就把查找的范围限定了，但实际上浏览器对选择符的解析是从右往左进行的。
如上面的选择符，浏览器必须遍历查找每一个A标签的祖先节点，效率并不像之前想象的那样高。
根据浏览器的这一行为特点，在写选择符的时候需要注意很多事项，有人已经一一列举了，详情参考此处。
3.HTML
对HTML本身的优化现如今也越来越多的受人关注了，详情可以参见这篇总结性文章。
4.Image压缩
图片压缩是个技术活，不过现如今这方面的工具也非常多，压缩之后往往能带来不错的效果，具体的压缩原理以及方法在《EvenFasterWebSites》第10章有很详细的介绍，有兴趣的可以去看看。
总结
本文从页面级以及代码级两个粒度对前端优化的各种方式做了一个总结，这些方法基本上都是前端开发人员在开发的过程中可以借鉴和实践的，除此之外，完整的前端优化还应该包括很多其他的途径，例如CDN、Gzip、多域名、无Cookie服务器等等，由于对于开发人员的可操作性并不强大，在此也就不多叙述了，详细的可以参考Yahoo和Google的这些“金科玉律”。
1.Javascript简介
HTML是纯静态的的页面，而Javascript让页面有了动态的效果，比如;OA中模块的拖拉
所有的浏览器都会内置Javascript的解释器
1992年Nombas公司开发出C减减的嵌入式脚本语言。
这是最好的HTML页面的脚本语言。
Netscape为了扩展其浏览器的功能，开发了一套LiveScript，并与1995年与SUN公司联合把其改名为javascript,它的主要目的是处理一些输入的有效性验证，而之前这个工作是留给perl之类的服务器端语言完成，在以前使用电话线调制解调器（28.8kb/s）的时代，如此慢的与服务器交互，这绝对是一件很痛苦的事情。
Javascript的出现，解决了这个问题，因为它的验证是基于客户端的。
微软公司早期版本的浏览器仅支持自己的vbscript，但后来不得不加入javascript
IE3中搭载Javascipt的克隆版本，命名为jscript
在一次技术会议中，sun，microsoft，netscape公司联合制定了ECMA-Script标准
在2005前，网页上提示框，广告越来越多，把javascipt滥用，使javascript背上了大量的罪名。
2005年，google公司的网上产品（google地图，gmail，google搜索建议）等使得ajax兴起，而javascript便是ajax最重要的元素之一
Javascript有三个部分组成
ECMAScriptDOMBOM
WEB标准
网页主要有三部分组成
（结构HTML,XHTML，表现CSS，行为DOM，ECMA）
2.ECMA脚本
Javascript的语法
1.区分大小写
2.弱类型变量varage=10varname=”dd”
3.每行结尾的分号可有可无，但建议还是加上
4.注释与java相同
变量
变量是通过var关键字来声明的。
（Variable）
变量的命名规则与java一致
注释有三种：
///**/
---->这个只能注释单行
2.1javascript的Helloworld
document.write（）是写在文档的最前面
2.2slice（）、substring（）、subtr
Slice和substring（2,5）指的是从第3为开始，取（5-2）=3个数，其中slice的参数可以为负
Substr（2,5）指的是从第3为开始，取5个数。
但ECMAscript没有对该方法进行标准化，因此尽量少使用该方法
2.3indexOf（）和lastIndexOf（）,isNan,typeOf
indexOf（”i”）//从前往后,i在第几位
indexOf（”i”,3）可选参数，从第几个字符开始往后找
lastIndexOf（”i”）//从后往前,i在第几位
lastIndexOf（”i”,3）//从后往前,i在第几位
如果没找到，则返回-1
String类型的变量，在Java中，用“”符号表示字符串，用’’表示单个字符。
而在javascript中这两种都可以
Nan（notanumber）
Alert（nan==nan）返回false,因此不推荐使用nan本身，推荐函数isNan
Alert（isNanN（“ab”））;//返回false
typeof运算符
varstmp=“test”;
alert（typeofstmp）;//输出string
alert（typeof1）;//输出number
此外：
还有boolean,undefined,object（如果是引用类型或者null值,null值返回object，这其实是ecmascript的一个错误）
当声明的变量未初始化的时候，它的值就是undefined.当没有这个变量的时候，typeof变
返回的值也是undefined。
但是没声明的变量是不能参与计算的。
当函数无明确返回值时，返回的也是undefined
Functiona（）{
}
Alert（a（）==undefined）//返回true
Alert（null==undefined）//返回true
2.4数值计算
varmynum1=23.345;
varmynum2=45;
varmynum3=-34;
varmynum4=9e5;//科学计数法为9*10五次方
varfNumber=123.456;
alert（fNumber.toExponential
（1））;//保留的小数点数1.2e+2
alert（fNumber.toExponential
（2））;//1.23e+2
.5布尔值
varmarried=true;
alert（"1."+typeof（married））;//Boolean
married="true";
alert（"2."+typeof（married））;//String
.6类型转换
转换成string类型有三种方式
vara=3;
varb=a+"";
varc=a.toString（）;
vard="student"+a;
toString（）
vara=11;
document.write（a.toString
（2）+"
"）;//转成2进制
document.write（a.toString（3）+"
"）;//转成3进制
如果不是数值，则转换报错
parseInt（）
document.write（parseInt（"1red6"）+"
"）;//返回1，后面非数值的将全部忽略
document.write（parseInt（"53.5"）+"
"）;//返回53
document.write（parseInt（"0xC"）+"
"）;//直接十进制转换12
document.write（parseInt（"*******************"）+"
"）;//NAN
document.write（parseInt（"011",8）+"
"）;返回9
document.write（parseInt（"011",10）+"
"）;//指定为十进制返回11
parseFloat（）与parseInt（）类似
2.7数组
varaMap=newArray（"China","USA","Britain"）;
aMap[20]="Korea";
alert（aMap.length+""+aMap[10]+""+aMap[20]）;//aMap[10]返回undefined
document.write（aMap.join（"]["）+"
"）;//用“][”来连接
varsFruit="apple,pear,peach,orange";
varaFruit=sFruit.split（","）;
varaFruit=["apple","pear","peach","orange"];
alert（aFruit.reverse（）.toString（））;
varaFruit=["pear","apple","peach","orange"];
aFruit.sort（）;
varstack=newArray（）;
stack.push（"red"）;
stack.push（"green"）;
stack.push（"blue"）;
document.write（stack.toString（）+"
"）;
varvItem=stack.pop（）;//blue
document.write（vItem+"
"）;
document.write（stack.toString（））;//redgreen
2.8if语句
//首先获取用户的一个输入，并用Number（）强制转换为数字
variNumber=Number（
升级会员 