首頁  >  文章  >  web前端  >  JavaScript開發時的五個小提示

JavaScript開發時的五個小提示

黄舟
黄舟原創
2016-12-14 15:44:50869瀏覽

真是五個很quick的小提示:

只在

元素上使用submit事件

如果要在form中綁定事件處理程序時,應該只在

元素上綁定submit事件,而不是給提交按鈕綁定click事件。
March:這個方式固然很好,但是,公司開發時使用了Web Flow,一個頁面就一個大form,而裡面可能有若干個提交按鈕,所以不得不把部分事件處理程序綁定在了提交按鈕的click事件上。

可點擊的都應該是連結

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

簡單的for循環最佳化

在你寫一個for迴圈時,有個很簡單的技巧能夠提升效能。
for ( var i = 0; i 使用下面的語句來代替上面的:
for ( var i = 0, j = elements.length; i 這樣可以把元素的個數(elements.length的值)儲存在一個變數j中,這樣就不必在每次循環時都計算一遍元素的個數。

用匿名函數來作為事件處理程序

尤其是對於短小的函數,創建一個匿名函數會比使用一個命名函數的引用更具可讀性。
anchor.onclick = function() { map.goToPosition( home ); return false; }
March:在較複雜的JavaScript開發時還是使用命名函數效率更高。

使用Array.join代替字串連接(concatenating strings)

在將很多字串、變數等連接成一個很長的字串時,將所有字串和變數放入一個數組,然後用join方法將他們組成一個長字串,這樣無論從程式碼可讀性還是從效能上都更勝於字串連接。
var text = 'There are' + elements.length + 'members in the elements array.';
var text = ['There are', elements.length, 'members in the elements array.'].join(' ' );

 更多相關文章請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn