只在<form>元素上使用submit事件

如果要在form中綁定事件處理程序時，應該只在<form>元素上綁定submit事件，而不是給提交按鈕綁定click事件。
March：這個方式固然很好，但是，公司開發(fā)時使用了Web Flow，一個頁面就一個大form，而里面可能有若干個提交按鈕，所以不得不把部分事件處理程序綁定在了提交按鈕的click事件上。

可點擊的都應該是鏈接

不要給除錨元素（<a>）以外的元素綁定click事件。這一點對于鍵盤用戶很重要，因為他們在僅通過鍵盤獲取元素焦點時會遇到困難。
March：不過個人感覺錨元素還是應該只用作鏈接，而一些功能性的操作（比如Google Reader的Mark all as new），最好還是用<span>來標注，accessibility的問題可以通過快捷鍵等方式解決。這樣做可以更好的還原HTML元素的語義。

簡單的for循環(huán)優(yōu)化

在你寫一個for循環(huán)時，有個很簡單的技巧能夠提高性能。


使用下面的語句代替上面的：


這樣可以把元素的個數(shù)（elements.length的值）儲存在一個變量j中，這樣就不必在每次循環(huán)時都計算一遍元素的個數(shù)。

用匿名函數(shù)來作為事件處理程序

尤其是對于短小的函數(shù)，創(chuàng)建一個匿名函數(shù)會比使用一個命名函數(shù)的引用更具可讀性。


March：在較復雜的JavaScript開發(fā)時還是使用命名函數(shù)效率更高。

使用Array.join代替字符串連接（concatenating strings）

在將很多字符串、變量等連接成一個很長的字符串時，將所有字符串和變量放入一個數(shù)組，然后用join方法將他們組成一個長字符串，這樣無論從代碼可讀性還是從性能上都更勝于字符串連接。

該文章在 2011/3/11 0:08:15 編輯過