如果要在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)系我們修改或刪除,多謝。

主站蜘蛛池模板: 激情小说图片网 | 久久精品全国免费观看国产 | 精品国语对白精品自拍视 | 日韩欧美一中文字幕不卡 | 日韩经典欧美精品一区 | 午夜视频国产 | 亚洲乱码一二三四区 | 久久99精品久久久久久青青91 | 国产一区中文字幕在线观看 | 一级寡妇乱色毛片全18 | 国产黄色网页 | 超级香蕉97视频在线观看一区 | 亚洲国产精品久久网午夜 | 在线日本妇人成熟免费观看 | 国产三级级在线观看大学生 | 激情美女网站 | 国产精品1024永久观看 | 亚洲第一在线视频 | 草草在线免费视频 | 欧美激情免费a视频 | 国产欧美精品一区二区三区四区 | 欧美视频福利 | 欧美激情一区二区三区中文字幕 | 欧美三级视频在线观看 | 国产一区二区精品久久凹凸 | 国产熟睡乱子伦视频观看软件 | 亚洲一区第一页 | 国产特黄一级一片免费 | 一木道一二三区精品 | 色视频免费在线 | 日韩美女拍拍免费视频网站 | 影院成人区精品一区二区婷婷丽春院影视 | 热99re久久精品香蕉 | 欧美黄色a级片 | 亚洲天堂久久 | 男人狂躁戳女人下免费看 | 国产我不卡| 337p亚洲精品色噜噜狠狠 | 日韩免费毛片 | 久久精品网 | 国产亚洲精品激情都市 |