CSS和JavaScript指令碼例項
導語:CSS樣式和JavaScript指令碼是應該放在外部檔案中呢?還是把它們放在頁面本身之內呢?以下的是本站小編為大家蒐集的CSS樣式和JavaScript指令碼,希望對你有所幫助。
如何處理是關於一些效能規則的思維,就這些問題,作一些探討。
在實際應用中使用外部檔案可以提高頁面速度,因為CSS樣式和JavaScript指令碼檔案都能在客戶端產生快取。內建在HTML文件中的CSS樣式和JavaScript指令碼則會在每次請求中隨HTML文件重新下載。這雖然減少了HTTP請求的次數,卻增加了HTML文件的'大小。從另一方面來說,如果外部檔案中的CSS樣式和JavaScript指令碼被客戶端快取,在沒有增加HTTP請求次數的同時可以減少HTML文件的大小。
關鍵問題是,外部CSS樣式和JavaScript指令碼檔案快取的頻率和請求HTML文件的次數有關。雖然有一定的難度,但是仍然有一些指標可以一測量它。如果一個會話中使用者會瀏覽你網站中的多個頁面,並且這些頁面中會重複使用相同的指令碼和樣式表,快取外部檔案就會帶來更大的益處。
許多網站沒有注意建立這些指標。對於這些網站來說,最好的堅決方法就是把CSS樣式和JavaScript指令碼作為外部檔案引用。比較適合使用內建程式碼的例外就是網站的主頁。主頁在一次會話中擁有較少(可能只有一次)的瀏覽量,你可以發現內建CSS樣式和JavaScript指令碼對於終端使用者來說會加快響應時間。而且主頁一般是使用者訪問的第一頁,內建CSS樣式和JavaScript指令碼可以提高開啟的速度。
對於擁有較大瀏覽量的首頁來說,有一種技術可以平衡內建程式碼帶來的HTTP請求減少與通過使用外部檔案進行快取帶來的好處。其中一個就是在首頁中內建CSS樣式和JavaScript指令碼,但是在頁面下載完成後動態下載外部檔案,在子頁面中使用到這些檔案時,它們已經快取到客戶端了。
-
JavaScript陣列去重的四種方法
javascript陣列去重方法彙總ue1=function(){varn=[];//一個新的臨時陣列for(vari=0;i<th;i++)//遍歷當前陣列{//如果當前陣列的第i已經儲存進了臨時陣列,那麼跳過,//否則把當前項push到臨時數組裡面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...
-
javascript設定建立動態表格的方法
兩種JavaScript動態建立table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,建立一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//開始appendchild()追加各個元素ndChild(a4);ndChild(a3);nd...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想說說javascript中函式的隱含引數:argumentsarguments該物件代表正在執行的函式和呼叫它的函式的引數。[function.]arguments[n]引數function:選項。當前正在執行的Function物件的名字。n:選項。要傳遞給Function物件的從0開始的引數值...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想說說javascript中函式的隱含引數:argumentsarguments該物件代表正在執行的函式和呼叫它的函式的引數。[function.]arguments[n]引數function:選項。當前正在執行的Function物件的名字。n:選項。要傳遞給Function物件的從0開始的引數值...