學Web前端要會哪些技能 瀏覽器緩存是怎么回事

學Web前端要會哪些技能？瀏覽器緩存是怎么回事？緩存是現(xiàn)在系統(tǒng)中必不可少的模塊，是高并發(fā)高性能架構的一個關鍵組件。緩存適用于對數(shù)據(jù)實時性要求不高以及對性能要求高的場景中，可以有效地提升性能，緩解數(shù)據(jù)壓力。對于Web前端開發(fā)者來說，主要跟瀏覽器中的緩存打交道，接下來小編就給大家講解一下瀏覽器緩存機制。

什么是瀏覽器緩存?

瀏覽器緩存機制，其實主要就是HTTP協(xié)議定義的緩存機制(如：Expires、Cache-control等)。但是也有非HTTP協(xié)議定義的緩存機制，如使用HTML Meta標簽，Web開發(fā)者可以在HTML頁面的節(jié)點中加入標簽，代碼如下：

上述代碼的作用是告訴瀏覽器當前頁面不被緩存，每次訪問都需要去服務器拉取。使用上很簡單，但只有部分瀏覽器可以支持，而且所有緩存代理服務器都不支持，因為代理不解析HTML內(nèi)容本身，而廣泛應用的還是HTTP頭信息來控制緩存。

瀏覽器對于所請求資源的緩存處理有一套完整的機制，主要包含三個策略：存儲策略、過期策略、協(xié)商策略。存儲策略發(fā)生在收到請求響應后，用于決定是否緩存相應資源;過期策略發(fā)生在請求前，用于判斷緩存是否過期;協(xié)商策略發(fā)生在請求中，用于判斷緩存資源是否更新。

緩存又分為強緩存和弱緩存(又稱為協(xié)商緩存)。其中強緩存包括Expires和Cache-Control，主要是在過期策略生效時應用的緩存。弱緩存包括Last-Modified和ETag，是在協(xié)商策略后應用的緩存。強弱緩存之間的主要區(qū)別在于獲取資源時是否會發(fā)送請求。

瀏覽器下訪問資源的方式主要有7種：

(新標簽)地址欄回車

鏈接跳轉(zhuǎn)

前進、后退

從收藏欄打開鏈接

(window.open)新開窗口

刷新(Command + R / F5)

強制刷新(Command + Shift + R / Ctrl + F5)

使用這7種方式訪問資源時，應用緩存的策略會有一些不同。需要注意的是，除此之外，還有一種特殊情況。即在當前地址欄，不改變內(nèi)容，直接回車，等同于刷新當前頁。但是在當前頁點擊跳轉(zhuǎn)到自身，和鏈接跳轉(zhuǎn)一致，并不會等同于刷新。

如果想學習Web前端技術，一定要多了解一些行情。如果你沒有什么基礎，可以選擇專業(yè)的專業(yè)，深入學校好好考察，才能更客觀地了解其中的實質(zhì)。