前端面試題總結

2021-10-06 21:20:59 字數 608 閱讀 3651

前端瀏覽器快取問題

1.強快取,可以通過cache-control和expires控制。

cache-control:no-cache,no-store,must-revalidate

cache-control: must-revalidate(必須重新驗證)

cache-control: no-cache(必須始終在使用原始伺服器之前先經過原始伺服器的驗證)

cache-control: no-store (不快取)

指定expires的值為 時間戳,表示過期時間,這樣在下次再向伺服器請求資源的時候,瀏覽器就會對比本地時間與expires的時間戳,從而得知是否要去瀏覽器快取獲得資源,否則會重新向伺服器請求獲得資源。

2.協商快取,使用last-modified。

在首次請求時會在響應頭里返回last-modified,這也是乙個時間戳,伺服器會根據這個值和伺服器上資源最後一次修改時間做比較,來判斷是否需要響應請求內容,如果需要重新響應伺服器就會返回最新的資源,並在響應頭里重新設定乙個last-modified,否則不會。

前端面試題總結

什麼是盒子模型?元素寬度是否包含margin寬度?padding百分比是相對於父級寬度還是自身寬度?解釋px和em?答 盒子模型又稱框模型,包含了元素內容 內邊距 邊框 外邊距幾個要素。元素內容不包括margin寬度,但是ie模式的width包括content padding border,w3c的...

前端面試題總結

1.彈性布局 flex布局是css3中新增的一種布局方式。元素排列方式 flex direction 超出行是否換行 nowrap不換行 flex wrap 水平對齊方式 justify content 垂直對齊方式 align items 實現水平居中對齊 display flex justify...

前端面試題總結

1.寫出 的結果並解釋原因 false 涉及知識點 比較運算子的轉換規則 1 undefined和null比較之前不能進行任何型別的轉換,等於true 2 如果有乙個運算元是nan,則返回false 3 如果乙個運算元是字串型別,乙個運算元是數值型別,則先將字串型別轉換成數值型別之後進行比較 4 如...