日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

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

1、使用正確的  

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

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

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

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

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

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

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

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

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

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

4、使用框架

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

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

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

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

比如下面的案例：

 
 
 

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

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

6、保持代碼的分離

幾年前，當(dāng)一個(gè)程序員想要為一個(gè) HTML 元素添加事件時(shí)（比如說，你想要在用戶輸入時(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)加載外部文件的。這就意味著在頁面頭部插入腳本會(huì)在安排在頁面內(nèi)容之前加載。

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

8、使用 JSLint

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

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

9、不要輕易使用 document.write

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

 
 
 

  
  
  
document.write("hello world"); 
 
 
 

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

 
 
 

  
  
  
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/