XeonWell Studio

jQuery发布1.4的第三个版本, 查看the jQuery 1.4.3 release notes
同时, the first alpha of jQuery Mobile也发布了.
这篇文章:How to Build an RSS Reader with jQuery Mobile 详细介绍了使用jquery mobile创建一个rss reader的过程, 源码参考地址Tuts--- jQuery Mobile RSS Reader

1. 尽量避免使用DOM。当需要反复使用DOM时，先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方法。
2. eval()有问题，new Fuction()构造函数也是，尽量避免使用它们。
3. 拒绝使用with语句。 它会导致当你引用这个变量时去额外的搜索这样的一个命名空间，with里的代码在编译时期是完全未知的。
4. 使用for()循环替代for…in循 环。因为for…in循环在开始循环之前需要Script引擎创建一个含有所有可循环属性的 List，需要多检查一次。
5. 把try-catch语句放在循环外面，不要放在循环里面，因为异常是很少发生的，放在外面避免每次都要执行它们。

Javascript代码优化无非主要围绕：DOM操作、循环、闭包、对象重复出现、对象的声明方式、作用域链、字符串操作、类的声明方式等等。循环、闭包、对象重复出现是从作用域链的角度去优化的；DOM操作主要围绕HTMLCollection、NodeList等来优化；对象的声明方式主要是对象（Object）、数组（Array）、字符串（String）、函数（Function）、正则（RegExp）等内置的对象使用字面量的方式来声明，这个比使用new来实例化相应的对象在性能上要强很多；字符串操作的优化方式主要是通过数组的push和join方法；类的声明方式优化方式主要是分清属性和方法的声明的方式，方法使用prototype的方式来声明；Javascript语言本身的流程操作语句的优化（if、switch、with、eval等等）。

jQuery 1.4.2 API 最新Visual Cheat Sheet
下载地址:jQuery Visual Cheat Sheet 1.4.2, 或者点击这里下载jQuery-Visual-Cheat-Sheet-1.4.2.pdf

该函数创建一个新的a元素, 并使用location的属性获取想得到的url数据.
这里还有一个jQuery URL Parser

offsetParent有四个方法是比较常用的：offsetLeft，offsetTop，offsetWidth，offsetHeight。下面我来说明offsetLeft和offsetTop方法的含义。

offsetTop和offsetLeft分别是元素在offsetParent上下文中的水平和垂直偏移量，它在现代浏览器中都比较准确。但是ie6,ie7在计算的时候会多出2个像素的长度,大家可以使用下面提供的函数来测试。下面是封装的几个函数：

现在Web页面的交互方式越来越多样化，其中拖放页面元素也是一种很常见的操作。在这类操作当中有两个主要问题需要解决，一个是事件的注册方式，一般处理拖放元素的事件顺序是：捕获鼠标正键按下——注册鼠标移动事件——捕获鼠标正键抬起——注销鼠标移动事件；另一个问题就是拖放元素的位置，即X/Y坐标。这里我主要来讲述后面的问题：如何获取一个Dom元素的坐标。

当今已有很多的JS框架封装了获取Dom元素的坐标的方法，我们可以直接使用，而这里我更多的是希望透过这些方法，看到原始的获取坐标方式以及如何处理跨浏览器问题。

首先认识一下getBoundingClientRect方法，标准语法为：
oRect = object.getBoundingClientRect();

Dom节点调用该方法可返回一个ClientRect类型的对象，该对象有四个属性值：top、left、right、bottom，表示了该节点相对于可视浏览器可视区域的左上角位置的坐标，看图就能好理解：

javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。
JavaScript=语法+BOM(含DOM) [关系之理解] BOM>DOM

1 DOM 是 W3C 的标准； [所有浏览器公共尊守的标准]
2 BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现； [表现为不同浏览器定义有差别,实现方式不同]
3 window 是 BOM 对象，而非 js 对象；

规律：半角空格的 charCode 为 32, 全角空格为 12288. 其他半角字符 ( 33 – 126 ) 与全角 ( 65281 – 65374 ) 的对应关系是：均相差 65248.

原文链接 Code Syntax Highlight Plugin for FCKeditor

最新版本V2.1.0下载地址, 或者点这里下载.

大致使用方法(详细请参考原文链接):

下载解压后, 将syntaxhighlight2目录copy到fckeditor所在目录的editor/plugins目录中, 修改fckconfig.js加入相应信息. 下载压缩包里有修改后的fckconfig.js文件, 可以使用文件比较工具查看与自己版本中对应文件的异同并复制相关信息.

上传控件input type="file"的值不能通过JavaScript来修改。有时候我们在上传控件中插入了值，就只能通过form的reset功能来清空了，这样就有些麻烦：form里面其他的值也被reset了。
既然可以使用form的reset清空，那就有办法了：新建一个临时form，然后将需要清空的上传控件移入其中，reset之后，再移回原来所在位置，最后删除创建的临时form。
测试页面请访问这里

日常使用中，我们可能需要使用js来对表格的行和列进行着色，以达到需要的效果。
通常我们通过rows和cells遍历行列集合，然后给列加上不同的className。在表格行列比较少时，速度还不错，但是当行列达到一定数量后，速度就下来了。下面是测试的两个用例(IE6)。

//将字符随机排序
function strRandom(str){
var strResult = "";
var i;
while (str.length > 0) {
i = Math.floor(Math.random()*str.length); //get a random number
strResult += str.charAt(i);
str = str.replace(str.charAt(i),"");
}
return strResult;
}

最近学习.net的时候，知道了.net中有StringBuilder类来方便频繁的字符串操作，想起java中也有StringBuffer类来创建可修改的字符串序列，何不给自己喜爱的JavaScript也加上这么个功能呢？于是祭起editplus，经过一番努力，终于有了下面的代码，写完之后上网搜了几个别人写的，感觉自己这个可以生成有规则的html代码的功能是别人没有的，所以贴出来给大家拍拍砖。

javascript中与正则表达式有关的匹配字符串的函数主要有RegExp类的方法exec(string)以及String类的方法 match(regex)，当然还有一些其他的方法，这里不作讨论，但是可能不少程序员都会混淆exec和match，这里列举二者的重点特性：