本篇內(nèi)容介紹了“JavaScript開發(fā)技術(shù)有哪些”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括德江網(wǎng)站建設(shè)、德江網(wǎng)站制作、德江網(wǎng)頁制作以及德江網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，德江網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到德江省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1、使用正確的

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

  //insert your code here  

在 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 代碼要簡潔一些，同時(shí)也使得 JS 文件可以被緩存，保證網(wǎng)站資源的快速訪問。

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

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

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

這里是一個簡單案例：

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

4、使用框架

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

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

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

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

比如下面的案例：

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

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

6、保持代碼的分離

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

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

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

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

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

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

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

8、使用 JSLint

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

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

9、不要輕易使用 document.write

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

document.write("hello world");

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

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

“JavaScript開發(fā)技術(shù)有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！