前端面試題效能優化的方法

2021-10-04 11:36:26 字數 485 閱讀 3014

儘量減少http請求次數

壓縮合併js

css精靈

內聯。src用data:url scheme

避免空的src和href

為檔案頭指定expires(過期時間)或者cache-control頭部。

使用gzip壓縮內容(服務端)

把css放到頂部

把js放到底部

避免使用css表示式

將css和js放到外部檔案中

可快取的ajax非同步請求同樣的造成使用者等待,所以使用ajax請求時,要主動告訴瀏覽器如果該請求有快取就去請求快取內容。如下**片段,

$.ajax(

})使用get來完成ajax請求

post方法:首先傳送檔案頭,然後才傳送資料

減少dom元素數量

不要在html中縮放

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...