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

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比烈山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式烈山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋烈山地區(qū)。費(fèi)用合理售后完善,十余年實(shí)體公司更值得信賴。
學(xué)習(xí)JavaScript是困難的。它發(fā)展的如此之快,以至于在任何一個(gè)特定的時(shí)刻,你都不清楚自己是否“做錯(cuò)了”。有些時(shí)候,感覺像是壞的部分超過了好的部分。然而,討論這些并沒有意義,JavaScript正在征服世界,所以,我們也只能這么做了。
下面是我的一些建議:
1. JS應(yīng)該放到 .js 文件中
“額,只有那么幾行而已…”,是的,我的意思是所有的 JS 都應(yīng)該放在 .js 文件中。為什么呢?因?yàn)檫@有助于可讀性,節(jié)省帶寬。行內(nèi) JavaScript 在每次頁面加載時(shí)都會重新下載,相反的,單獨(dú)的 .js 文件則會被緩存起來。正如你所看到的,這個(gè)規(guī)則有助于支持如下一長串的其他規(guī)則。這就是為什么它的規(guī)則# 1。
2. JS 應(yīng)該是靜態(tài)的
我看到過很多程序員喜歡動態(tài)的使用JavaScript。他們喜歡像使用服務(wù)器端語言如C#, Ruby, Java那樣來動態(tài)的使用JavaScript。千萬不要這么做。你失去了代碼著色、語法高亮顯示和智能感知的支持。記住,JavaScript 應(yīng)該屬于一個(gè) .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 注入了一些個(gè)人的設(shè)置,如 isNoticesTabEnabled。這個(gè)簡單的JSON代碼片段為你使用靜態(tài)JavaScript文件自定義行為提供了 必要的數(shù)據(jù)支持。為了實(shí)現(xiàn)這一點(diǎn),需要序列號服務(wù)器端類為JSON,然后放置在 中。然后你可以在靜態(tài)的JavaScript文件中根據(jù)需要參考這個(gè)數(shù)據(jù)結(jié)構(gòu),能夠使用它,是因?yàn)樗蛔⑷氲? 中。
3. JS 應(yīng)該被壓縮
壓縮可以減小文件體積,從而提升頁面加載速度。記住,性能也是一項(xiàng)功能。因?yàn)?,為了壓縮,你需要把 JS 放到一個(gè)單獨(dú)的文件中(見規(guī)則 #1)。壓縮JS曾經(jīng)很麻煩,但現(xiàn)在完全是簡單自動化的。有一打的方式可以做到,而Gulp 和 gulp-uglify 是一種低摩擦和自動化的辦法。
4. JS 應(yīng)該位于頁面底部
如果你把


咨詢
建站咨詢