免責(zé)聲明：下面的內(nèi)容為了簡潔說的有些絕對，是的，在編程中所有的“規(guī)則”都有例外。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比烈山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式烈山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋烈山地區(qū)。費(fèi)用合理售后完善，十余年實體公司更值得信賴。

學(xué)習(xí)JavaScript是困難的。它發(fā)展的如此之快，以至于在任何一個特定的時刻，你都不清楚自己是否“做錯了”。有些時候，感覺像是壞的部分超過了好的部分。然而，討論這些并沒有意義，JavaScript正在征服世界，所以，我們也只能這么做了。

下面是我的一些建議：

1. JS應(yīng)該放到 .js 文件中

“額，只有那么幾行而已…”，是的，我的意思是所有的 JS 都應(yīng)該放在 .js 文件中。為什么呢？因為這有助于可讀性，節(jié)省帶寬。行內(nèi) JavaScript 在每次頁面加載時都會重新下載，相反的，單獨(dú)的 .js 文件則會被緩存起來。正如你所看到的，這個規(guī)則有助于支持如下一長串的其他規(guī)則。這就是為什么它的規(guī)則# 1。

2. JS 應(yīng)該是靜態(tài)的

我看到過很多程序員喜歡動態(tài)的使用JavaScript。他們喜歡像使用服務(wù)器端語言如C#, Ruby, Java那樣來動態(tài)的使用JavaScript。千萬不要這么做。你失去了代碼著色、語法高亮顯示和智能感知的支持。記住，JavaScript 應(yīng)該屬于一個 .js 文件(見規(guī)則 #1)。

然而，使用JSON引入動態(tài)行為。我把這稱為JavaScript配置對象模式。具體方法如下：把JSON注入到你應(yīng)用程序的頭部，并根據(jù)業(yè)務(wù)邏輯 的需要利用這些數(shù)據(jù)。你可能會想：“嘿，這違背了規(guī)則 #1”。我把 JSON 看作是數(shù)據(jù)，而不是代碼，所以我破例，為了支持靜態(tài)的、單獨(dú)的JavaScript文件。

StackOverflow 使用的這種模式，Google 也是。你可以看下他們的代碼：

正如你看到的，StackOverflow 注入了一些個人的設(shè)置，如 isNoticesTabEnabled。這個簡單的JSON代碼片段為你使用靜態(tài)JavaScript文件自定義行為提供了 必要的數(shù)據(jù)支持。為了實現(xiàn)這一點(diǎn)，需要序列號服務(wù)器端類為JSON，然后放置在 中。然后你可以在靜態(tài)的JavaScript文件中根據(jù)需要參考這個數(shù)據(jù)結(jié)構(gòu)，能夠使用它，是因為它被注入到 中。

3. JS 應(yīng)該被壓縮

壓縮可以減小文件體積，從而提升頁面加載速度。記住，性能也是一項功能。因為，為了壓縮，你需要把 JS 放到一個單獨(dú)的文件中(見規(guī)則 #1)。壓縮JS曾經(jīng)很麻煩，但現(xiàn)在完全是簡單自動化的。有一打的方式可以做到，而Gulp 和 gulp-uglify 是一種低摩擦和自動化的辦法。

4. JS 應(yīng)該位于頁面底部

如果你把