如果要在form中綁定事件處理程序時,應該只在<form>元素上綁定submit事件,而不是給提交按鈕綁定click事件。 March:這個方式固然很好,但是,公司開發(fā)時使用了Web Flow,一個頁面就一個大form " /> 欧美三级 欧美一级,久久精品伊人波多野结,97福利视频精品第一导航

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JavaScript開發(fā)時的五個注意事項

只在<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)時,有個很簡單的技巧能夠提高性能。
復制代碼 代碼如下:
for ( var i = 0; i < elements.length; ++i ) 
使用下面的語句代替上面的: 
復制代碼 代碼如下:
for ( var i = 0, j = elements.length; i < j; ++i ) 

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

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

尤其是對于短小的函數,創(chuàng)建一個匿名函數會比使用一個命名函數的引用更具可讀性。
復制代碼 代碼如下:
anchor.onclick = function() { map.goToPosition( home ); return false; } 

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

使用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(' ');

JavaScript技術JavaScript開發(fā)時的五個注意事項,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 在线免费精品视频 | 亚洲黄区| 免费观看成人www精品视频在线 | 国产一区视频在线免费观看 | 欧美a网站 | 国产精品亚欧美一区二区三区 | 91视频.com| 亚洲精品成人在线 | 亚洲综合图片区 | 狠狠亚洲婷婷综合色香 | 伊人久久大香线蕉综合热线 | 欧美人善交| 精品一区二区三区四区五区 | 中文字幕一区二区三 | 久久91亚洲精品中文字幕 | 黄色网址 在线播放 | 99久久国产综合精品网成人影院 | 欧美亚洲另类色国产综合 | 天天做天天爱夜夜大爽完整 | 热久久国产欧美一区二区精品 | 成人网在线免费观看 | 美女把屁股扒开让男人桶视频 | 午夜一级| 久久久亚洲国产精品主播 | 婷婷丁香五月中文字幕 | 91原创国产 | 精品久久久久久久久久久久久久久 | 美女扒开下面无遮挡免费视频 | 91小视频在线观看 | 在线观看色 | 亚洲精品黄 | 色网在线播放 | 成人网欧美亚洲影视图片 | 五月婷婷激情六月 | 国产精品一区二 | 国产丝袜美腿高跟白浆 | 亚洲女人的天堂 | 伊人狠狠操 | 免费在线观看黄视频 | 四虎永久网址在线观看 | 国内精品免费久久久久妲己 |