學Web前端要了解什麼 緩存相關知識點有哪些

  學Web前端要了解什麼?緩存相關知識點有哪些?在大型高併發系統中,如果沒有緩存數據庫將分分鐘被爆,系統也會瞬間癱瘓。因此企業在招聘中都會考察求職者對緩存的掌握,一個出色的Web前端人才也需要了解緩存,接下來千小編就給大家簡單分享緩存相關的知識點。

image/20200227/0e9b37d83b5b2c61c08e1fd1be85881e.jpeg

  在Web前端開發中,性能一直都是被大家所重視的一點,然而判斷一個網站的性能最直觀的就是看網頁打開的速度。其中提高網頁反應速度的一個方式就是使用緩存。一個優秀的緩存策略可以縮短網頁請求資源的距離,減少延遲,並且由於緩存文件可以重複利用,還可以減少帶寬,降低網絡負荷。

  緩存可以是單個用戶專用的,也可以是多個用戶共享的。專用緩存被稱爲私有緩存,共享的緩存被稱爲公有緩存。

  私有緩存只針對專有用戶,所以不需要很大空間,廉價。Web瀏覽器中有內建的私有緩存——大多數瀏覽器都會將常用資源緩存在你的個人電腦的磁盤和內存中。

  公有緩存是特殊的共享代理服務器,被稱爲緩存代理服務器或代理緩存(反向代理的一種用途)。公有緩存會接受來自多個用戶的訪問,所以通過它能夠更好的減少冗餘流量。

  在前端中常用的緩存有cookie及html中的localStorage和sessionStorage。三者的區別與聯繫如下:

  共同點:都是保存在瀏覽器端,且同源的。

  區別:

  1)cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器間來回傳遞。而sessionStorage和localStorage不會自動把數據發給服務器,僅在本地保存。

  2)cookie數據還有路徑(path)的概念,可以限制cookie只屬於某個路徑下。存儲大小限制也不同,cookie數據不能超過4k,同時因爲每次http請求都會攜帶cookie,所以cookie只適合保存很小的數據,如會話標識。

  sessionStorage和localStorage 雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大。

  3)數據有效期不同:

  sessionStorage:僅在當前瀏覽器窗口關閉前有效,自然也就不可能持久保持;

  localStorage:始終有效,窗口或瀏覽器關閉也一直保存,因此用作持久數據;

  cookie只在設置的cookie過期時間之前一直有效,即使窗口或瀏覽器關閉。

  4)作用域不同:

  不同瀏覽器無法共享localStorage或sessionStorage中的信息。相同瀏覽器的不同頁面間可以共享相同的localStorage(頁面屬於相同域名和端口),但是不同頁面或標籤頁間無法共享sessionStorage的信息。

  當然,關於Web前端緩存的知識點還有很多,在此小編就不一一列舉了。如果你是零基礎的小白,可以選擇專業學習一下,由淺入深,以項目爲主線、主導知識點學習,除了培養自身的開發技術,還能深度貫穿前端後端開發,緊貼主流企業一線需求,讓你畢業即高薪就業。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章