最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

JavaScript是一種廣泛用于客戶(hù)端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，下面介紹九個(gè)JavaScript開(kāi)發(fā)的經(jīng)驗(yàn)，供大家參考。

任丘網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

1、使用正確的  

但是在源代碼中，以下這種標(biāo)簽寫(xiě)法隨處可見(jiàn)：

 
 
 

  
  
  
  
  
  
  
//insert your code here  
  
  
  
 
 
 
 

在 HTML 中，language 屬性已經(jīng)過(guò)時(shí)，因?yàn)榫哂?type 屬性后，language 它是冗余的。不要再這樣寫(xiě)了。

事實(shí)上，客戶(hù)端默認(rèn)為將 JavaScript 代碼指定 type=”text/javascript” 屬性，除非需要 type=”application/x-javascript” 這樣的類(lèi)型，否則完全沒(méi)有必要寫(xiě) type 屬性。關(guān)于 JavaScript MIME 類(lèi)型，這里有一篇參考文檔：http://krijnhoetmer.nl/stuff/javascript/mime-types/

2、將代碼放置于外部文件

使用外部 .js 文檔比在 html 文檔里直接寫(xiě) JavaScript 代碼要簡(jiǎn)潔一些，同時(shí)也使得 JS 文件可以被緩存，保證網(wǎng)站資源的快速訪問(wèn)。

將你的 JavaScript 代碼置于一個(gè) .js 文檔中，然后在 html 文檔中使用  

3、避免使用 HTML 注釋包裹代碼

90 年代一些非常古老的瀏覽器無(wú)法執(zhí)行 JavaScript 代碼。為了防止這些瀏覽器出現(xiàn)不必要的結(jié)果。在 1994 年至 1997 年間，在 HTML 中使用注釋包裹 JavaScript 代碼是良好的兼容方案，以保證不支持 JavaScript 的瀏覽器能夠忽略它。

這里是一個(gè)簡(jiǎn)單案例：

然而在 2010 年，所有的瀏覽器（甚至是可愛(ài)的 IE 6）都能解釋 JavaScript 代碼，因此絕對(duì)沒(méi)有使用注釋包裹 JS 代碼的必要了。更糟的是，如果代碼被 HTML 注釋包裹，并且使用了 — 符號(hào)，瀏覽器可能會(huì)誤以為 HTML 文檔已經(jīng)結(jié)束。

4、使用框架

除非你的 JavaScript 代碼很短或者很簡(jiǎn)單，你應(yīng)該通過(guò)框架來(lái)避免過(guò)多代碼上的重復(fù)勞動(dòng)。在我看來(lái)，jQuery 是***的，有一個(gè)很棒的社區(qū)，所以值得嘗試。

芒果語(yǔ)：其實(shí) YUI 也很棒，系統(tǒng)、強(qiáng)大、完善、穩(wěn)妥。更有牛逼叉叉的 Loader 機(jī)制，更高效地提高 Web 應(yīng)用的性能。

5、使用 var 關(guān)鍵字聲明變量

你應(yīng)當(dāng)使用 var 語(yǔ)句來(lái)聲明變量，否則變量會(huì)存在于全局作用域內(nèi)，并且使用 var 使得代碼可讀易懂。

比如下面的案例：

 
 
 

  
  
  
var name = "Jean";  
  
  
  
var size = data.length; 
 
 
 

之前在 JavaScript 中的對(duì)象引用機(jī)制 的評(píng)論中也有涉及變量作用域的問(wèn)題。

6、保持代碼的分離

幾年前，當(dāng)一個(gè)程序員想要為一個(gè) HTML 元素添加事件時(shí)（比如說(shuō)，你想要在用戶(hù)輸入時(shí)驗(yàn)證時(shí)間信息），他會(huì)使用特殊的屬性把 JavaScript 代碼放置于 html 中，比如 onblur、onchange，onclick 等等。比如：

雖然照樣可行，但卻很不簡(jiǎn)潔。HTML 應(yīng)當(dāng)只包含文檔的結(jié)構(gòu)層面，就如同使用內(nèi)聯(lián) CSS 是不好的做法一樣，內(nèi)聯(lián) JavaScript 同樣不可取。

取而代之，下面的代碼如何？使用 jQuery 也很簡(jiǎn)單：

 
 
 

  
  
  
$(document).ready(function(){  
  
  
  
$('input[name=date]').bind('change', validateDate);  
  
  
  
}); 
 
 
 

7、在文檔底部包含腳本文件

不久以前，在 和 標(biāo)簽之間插入腳本文件一度成為***實(shí)踐。但瀏覽器是順序解析文檔，并動(dòng)態(tài)加載外部文件的。這就意味著在頁(yè)面頭部插入腳本會(huì)在安排在頁(yè)面內(nèi)容之前加載。

為了在內(nèi)容就緒之后再加載腳本，JavaScript 文件應(yīng)該在文檔底部被包含。就像下面這樣：

8、使用 JSLint

JSLint 是一款用于 JavaScript 源代碼檢查的應(yīng)用程序。如果它發(fā)現(xiàn) JS 中存在某些問(wèn)題，就會(huì)返回相關(guān)的問(wèn)題描述信息和大概的解決方案。

JSLint 能有效發(fā)現(xiàn)代碼中的缺陷，或者說(shuō)代碼風(fēng)格上值得改進(jìn)之處。這個(gè)站點(diǎn)是 JavaScript 開(kāi)發(fā)絕對(duì)值得收藏的。

9、不要輕易使用 document.write

陳舊的 document.write 方法已經(jīng)被不贊成使用了好些年，然而這仍然是一貫使用的方法。

 
 
 

  
  
  
document.write("hello world"); 
 
 
 

應(yīng)當(dāng)使用 DOM 的 innerHTML 屬性在頁(yè)面中插入文本。

 
 
 

  
  
  
document.getElementById('hello').innerHTML = 'hello world'; 
 
 
 

英文原稿：http://www.catswhocode.com/blog/best-practices-for-modern-javascript-development
翻譯整理：http://www.mangguo.org/9-best-practices-for-javascript-development/