欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript編程開發(fā)中的五個(gè)實(shí)用小技巧

 更新時(shí)間:2010年07月22日 00:58:01   作者:  
下面的5點(diǎn)說明確實(shí)不錯(cuò),提高性能與可讀性,大家可以根據(jù)需要選擇使用。
真是五個(gè)很quick的小提示:

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

可點(diǎn)擊的都應(yīng)該是鏈接
不要給除錨元素(<a>)以外的元素綁定click事件。這一點(diǎn)對于鍵盤用戶很重要,因?yàn)樗麄冊趦H通過鍵盤獲取元素焦點(diǎn)時(shí)會(huì)遇到困難。
March:不過個(gè)人感覺錨元素還是應(yīng)該只用作鏈接,而一些功能性的操作(比如Google Reader的Mark all as new),最好還是用<span>來標(biāo)注,accessibility的問題可以通過快捷鍵等方式解決。這樣做可以更好的還原HTML元素的語義。

簡單的for循環(huán)優(yōu)化
在你寫一個(gè)for循環(huán)時(shí),有個(gè)很簡單的技巧能夠提高性能。
復(fù)制代碼 代碼如下:
for ( var i = 0; i < elements.length; ++i )

使用下面的語句代替上面的:
復(fù)制代碼 代碼如下:
for ( var i = 0, j = elements.length; i < j; ++i )

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

用匿名函數(shù)來作為事件處理程序
尤其是對于短小的函數(shù),創(chuàng)建一個(gè)匿名函數(shù)會(huì)比使用一個(gè)命名函數(shù)的引用更具可讀性。
復(fù)制代碼 代碼如下:
anchor.onclick = function() { map.goToPosition( home ); return false; }

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

使用Array.join代替字符串連接(concatenating strings)
在將很多字符串、變量等連接成一個(gè)很長的字符串時(shí),將所有字符串和變量放入一個(gè)數(shù)組,然后用join方法將他們組成一個(gè)長字符串,這樣無論從代碼可讀性還是從性能上都更勝于字符串連接。
復(fù)制代碼 代碼如下:

var text = 'There are' + elements.length + 'members in the elements array.';
var text = ['There are', elements.length, 'members in the elements array.'].join(' ');

相關(guān)文章

  • 微信小程序配置服務(wù)器提示驗(yàn)證token失敗的解決方法

    微信小程序配置服務(wù)器提示驗(yàn)證token失敗的解決方法

    這篇文章主要介紹了微信小程序配置服務(wù)器提示驗(yàn)證token失敗的解決方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-04-04
  • 使用JavaScript 實(shí)現(xiàn)時(shí)間軸與動(dòng)畫效果的示例代碼(前端組件化)

    使用JavaScript 實(shí)現(xiàn)時(shí)間軸與動(dòng)畫效果的示例代碼(前端組件化)

    這篇文章主要介紹了使用JavaScript 實(shí)現(xiàn)時(shí)間軸與動(dòng)畫效果的示例代碼(前端組件化),本文重點(diǎn)給大家介紹基礎(chǔ)的動(dòng)畫類實(shí)現(xiàn)時(shí)間軸,通過示例代碼給大家介紹的很詳細(xì),需要的朋友可以參考下
    2021-04-04
  • 寫了10年的Javascript也未必全了解的連續(xù)賦值運(yùn)算

    寫了10年的Javascript也未必全了解的連續(xù)賦值運(yùn)算

    很喜歡 蔡蔡 的這個(gè)標(biāo)題,實(shí)際蔡蔡已經(jīng)分析過了,這里借用了?;蛟S有點(diǎn)標(biāo)題黨的意思??赐昃椭恕?/div> 2011-03-03
  • ES6中的WeakMap和WeakSet特性和用途詳解

    ES6中的WeakMap和WeakSet特性和用途詳解

    在JavaScript的ES6版本中,引入了WeakMap和WeakSet這兩種新的數(shù)據(jù)結(jié)構(gòu),與Map和Set相比,它們有一些特殊的特點(diǎn)和用途,使它們在處理內(nèi)存泄漏問題、管理對象私有數(shù)據(jù)、處理對象的唯一性等場景中有顯著的優(yōu)勢,本文將深入探討WeakMap和WeakSet的特性和用途,一起看看吧
    2023-12-12
  • 原生JS無縫滑動(dòng)輪播圖

    原生JS無縫滑動(dòng)輪播圖

    這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)淡出淡入輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • 詳解微信小程序之提高應(yīng)用速度小技巧

    詳解微信小程序之提高應(yīng)用速度小技巧

    這篇文章主要介紹了詳解微信小程序之提高應(yīng)用速度小技巧,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01
  • javascript控制圖片播放的實(shí)現(xiàn)代碼

    javascript控制圖片播放的實(shí)現(xiàn)代碼

    這篇文章主要介紹了javascript控制圖片播放的實(shí)現(xiàn)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2015-08-08
  • Three.JS實(shí)現(xiàn)三維場景

    Three.JS實(shí)現(xiàn)三維場景

    這篇文章主要為大家詳細(xì)介紹了Three.JS實(shí)現(xiàn)三維場景,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • 一個(gè)輕量級(jí)的XHTML右鍵菜單[支持IE和firefox]

    一個(gè)輕量級(jí)的XHTML右鍵菜單[支持IE和firefox]

    一個(gè)輕量級(jí)的XHTML右鍵菜單[支持IE和firefox]...
    2007-01-01
  • javascript常用函數(shù)(2)

    javascript常用函數(shù)(2)

    這篇文章主要介紹了javascript常用函數(shù),再來15個(gè)常用函數(shù),都具有很高的實(shí)用性,感興趣的小伙伴們可以參考一下
    2015-11-11

最新評(píng)論