前言
隨著豐富Web應(yīng)用程序的數(shù)量和用戶對(duì)快速交互響應(yīng)的高期望的增加,開(kāi)發(fā)人員已開(kāi)始使用JavaScript庫(kù)快速高效地完成一些重復(fù)任務(wù)。濮陽(yáng)電腦培訓(xùn)常見(jiàn)開(kāi)設(shè)的專業(yè)課程有電子商務(wù)、軟件開(kāi)發(fā)、藝術(shù)設(shè)計(jì)、計(jì)算機(jī)應(yīng)用、互聯(lián)網(wǎng)營(yíng)銷、網(wǎng)頁(yè)設(shè)計(jì)、Java開(kāi)發(fā)、.net開(kāi)發(fā)、數(shù)據(jù)庫(kù)維護(hù)、網(wǎng)絡(luò)技術(shù)、硬件維修等技術(shù)。濮陽(yáng)會(huì)展設(shè)計(jì)培訓(xùn)java開(kāi)發(fā):市場(chǎng)上一般的商用軟件Java程序開(kāi)發(fā)的還是比較主流,包括一些游戲軟件等都加以Java程序開(kāi)發(fā)原理及思想。
這是***流行的JavaScript庫(kù)之一是jQuery的。但jQuery的大量應(yīng)用中使用JavaScript庫(kù),它的***佳做法時(shí)帶來(lái)了另外一個(gè)問(wèn)題,什么有它不好的做法?
背景
在本文中,java培訓(xùn)和教育將向您介紹一些編寫(xiě)、調(diào)試和檢查JavaScript代碼的良好實(shí)踐。事實(shí)上,我選擇了七個(gè)***常見(jiàn)的場(chǎng)景。
1. 使用 CDN 及其后備
CDN表示內(nèi)容傳遞網(wǎng)絡(luò)、緩存JavaScript文件的服務(wù)器。使用CDN后,無(wú)論何時(shí)新用戶發(fā)起請(qǐng)求,應(yīng)用程序都可以使用CDN緩存,而無(wú)需從服務(wù)器重新加載庫(kù)文件。CDN服務(wù)可用于Google、Microsoft和JQuery。
鑒于網(wǎng)絡(luò)的并不總是***可靠的,服務(wù)器停機(jī)時(shí)間也有可能出于某種原因,你必須確保使,即使這些事情發(fā)生,你的應(yīng)用程序仍然可以正常運(yùn)行。這一次,我們將使用備用地址時(shí),該應(yīng)用程序無(wú)法找到緩存庫(kù)時(shí),它會(huì)被返回到使用服務(wù)器上的文件。
Google CDN 是這樣的
SCRIPTS SRC ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js scripts
這是MicrosoftCDN的案例
SCRIPT SRC = // ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js / script
需要注意的是,我們沒(méi)有將URL協(xié)議指定為HTTP,而是指定為//used。這是因?yàn)镃DN服務(wù)器支持HTTP和HTTPS如果您的網(wǎng)站具有SSL身份驗(yàn)證,則可以正常加載文件而無(wú)需修改。
此外,正如我前面提到的,我們還需要一個(gè)回退地址,以防 CDN 服務(wù)器出現(xiàn)故障。
Script / localsourceforjqueryrdquo; / scripttrsquo;)
當(dāng)然,你也可以配置所需使用jQuery要求,但我覺(jué)得它是如此糟糕。
2、限制DOM交互
使用JavaScript操作DOM樹(shù)是一種性能消耗。jQuery也是如此。所以盡量減少與dom的交互。當(dāng)我?guī)椭业囊晃煌绿岣邤?shù)據(jù)顯示速度時(shí),我看到他在循環(huán)中使用了選擇器。這是個(gè)表演殺手!這是他寫(xiě)的
Containerdiv $(# contentdivfor (var d0; d TotalActions; d + +){ containerDiv.