第三章　2011-12-21
1，访问DOM的次数越多，代码运行速度越慢。减少访问DOM的次数，把运算尽量留在ECMAScript这一端处理。
2，使用数组来合并大量字符串，会让innerHTML效率更高。
3，循环一个HTML集合比循环一个数组效率要低很多。
var toArray(coll){ for(var i=0,a=[],len=coll.length;i<len;i++){ a[i] = coll[i]; } return a; }
此函数把一个HTML集合转换为一个普通数组
以前我经常犯的一个错误
var a = document.getElementsByTagName('div'); for(var i=0;i<a.length;i++){ //do something }
正确写法应该是
var a = document.getElementsByTagName('div'); for(var i=0,len=a.length;i<len;i++){ //do something }

Read More »

第二章
在函数执行的过程中，每遇到一个变量，都会经历一次标识符解析过程，该过程搜索运行期上下文的作用域，查找同名的标识符，这个过程会影响性能。
如
var initUI = function(){ var bd = document.body, links = document.getElementsByTagName('a'), i = 0, len = links.length; while(i < len){ update(links[i++]); } document.getElementByID('go-btn').onclick = function(){ start(); } bd.className = 'active'; }
解析，此函数用了三次document，而document是全局对象。
优化后
var initUI = function(){ var doc = document, bd = doc.boby, links = doc.getElementsByTagName('a'), i = 0, len = links.length; while(i < len){ update(links[i++]); } doc.getElementByID('go-btn').onclick = function(){ start(); } bd.className = 'active'; }
把document引用存储到局部变量doc中，从而使访问全局变量的次数由3次减少到1次。
PS：以前我见到人家这么写，我还在暗自说，此举不是多余的吗，一直不惑，原来是有种原因，以后写东西也要养成这个习惯了~~~　:)

Read More »

上周买的书，今天终于到了，所以充电开始中。。。
记一下笔记，可能会记得更牢，翻了这本书的第一章，感觉还不错！
以下是第一章的主要内容
优化Javascript
1、将脚本放在底部
2、不要把内嵌脚本紧跟在 link 标签后面
3、动态脚本，应该将新创建的script添加到 head 里面，如果是添加在 boby 里，IE会抛出“操作已中止”的错误信息
侦听动态脚本加载完成时的状态
无阻塞模式之一
var script = document.creatElement('script'); script.type = 'text/javascript'; //FF,opera,chrome,safari3+ script.onload = function(){ alert('加载完成'); } //IE script.onreadystatechange = function(){ if(script.readyState == 'loaded' || script.readyState == 'complete'){ script.onreadystatechange = null; alert('加载完成'); } }

Read More »