前端面試之道2 11瀏覽器緩存機(jī)制

ServiceMemoryDiskPushServiceServiceWorker的內(nèi)容，這?就不演ServiceWorker的緩存與瀏覽器其他內(nèi)建的緩存機(jī)制不同，它可以當(dāng)ServiceWorker沒有命中緩存的時(shí)候，我們需要去調(diào)?fetch函數(shù)獲取數(shù)據(jù)。也就是說，如果我們沒有在ServiceWorker命中緩MemoryCache中還是從?絡(luò)請求中獲取的數(shù)據(jù)，瀏覽器都會(huì)顯示我們是從ServiceWorker中獲取的內(nèi)容。MemoryMemoryCache也就是內(nèi)存中的緩存，讀取內(nèi)存中的數(shù)據(jù)肯定?磁程的釋放?釋放。?旦我們關(guān)閉Tab??，內(nèi)存中的緩存也就被釋然不多。內(nèi)存中其實(shí)可以存儲(chǔ)?部分的?件，?如說JSS、HTML、DiskDiskCache也就是存儲(chǔ)在硬盤中的緩存，讀取速度慢點(diǎn)，但是什么都能存儲(chǔ)到磁盤中，?之MemoryCache勝在容量和存儲(chǔ)時(shí)效性在所有瀏覽器緩存中，DiskCache覆蓋?基本是最?的。它會(huì)根據(jù)HTTPHerder中的字段判斷哪些資源需要緩存，哪些資源可以不請PushPushCache是HTTP/2中的內(nèi)容，當(dāng)以上三種緩存都沒有命中PushCache在國內(nèi)能夠查到的資料很少，也是因?yàn)镠TTP/2在國內(nèi)不夠普及，但是HTTP/2將會(huì)是?后的?個(gè)趨勢。這?推薦閱讀HTTP/2pushistougherthanIthoughtthought/)EdgeSafari瀏覽器兼容性不no-cache和no-store?旦連接被關(guān)閉，PushCacheHTTP/2連接，也就是說能使?同樣PushCache是通過設(shè)置HTTPHeader來實(shí)現(xiàn)的。強(qiáng)緩存可以通過設(shè)置兩種HTTPHeader實(shí)現(xiàn)：Expires和code為200。Expires:Expires:Wed,22Oct201808:41:00Expires是HTTP/1的產(chǎn)物，表示資源會(huì)在Wed22Oct201808:41:00GMT后過期，需要再次請求。并且Expires受限于本Cache-Cache-Control出現(xiàn)于HTTP/1.1，優(yōu)先級?于Expires。該屬性值表示資源會(huì)在30秒后過期，需要再次請求。以通過設(shè)置兩種HTTPHeader實(shí)現(xiàn)：Last-Modified和ETag。會(huì)返回304狀態(tài)碼，并且更新瀏覽器緩存有效期。Last-Modified和If-Modified-Last-Modified表示本地?件最后修改?期，If-Modified-SinceLast-Modified的值發(fā)送給服務(wù)器，詢問服務(wù)器在該返回304狀態(tài)碼。Last-Modified只能以秒計(jì)時(shí)，如果在不可感知的時(shí)間因?yàn)橐陨线@些弊端，所以在HTTP/1.1出現(xiàn)了ETagETag和If-None-ETag是否變動(dòng)，有變動(dòng)的話就將新的資源發(fā)送回來。并且ETag優(yōu)先級?Last-Modified?。的Date減去Last-Modified值的10%作為緩存時(shí)間。對于頻繁變動(dòng)的資源，?先需要使?Cache-Control:no-cache使瀏覽器每次都請求服務(wù)器，然后配合ETag或者Last-這?特指除了HTML外的代碼?件，因?yàn)镠TML?件?般不緩存或們