JS逐日一题: 前端的缓存有哪些?都实用什么场景?区分是什么?

20190116问:

前端的缓存有哪些?都实用什么场景?区分是什么?

参考回复

前端缓存分为两部分:

  • http 缓存
  • 浏览器缓存

http 缓存

  • 强缓存

强缓存主假如采纳相应头中的Cache-Control和Expires两个字段举行掌握的

Cache-Control 值明白:

max-age 指定设置缓存最大的有用时候(单元为s)
public 指定相应会被缓存,并且在多用户间同享
private 相应只作为私有的缓存,不能在用户间同享
no-cache 指定不缓存相应,表明资本不举行缓存
no-store 相对制止缓存

Expires 明白:

缓存逾期时候,用来指定资本到期的时候,是服务器端的详细的时候点, 需要和Last-modified连系运用

Last-modified 明白

服务器端文件的末了修正时候,需要和cache-control配合运用,是搜检服务器端资本是不是更新的一种体式格局

ETag 明白

依据实体内容天生一段hash字符串,标识资本的状况,由服务端发生。浏览器会将这串字符串传回服务器,考证资本是不是已修正

  • 协商缓存(304)

协商缓存是指当强缓存机制假如检测到缓存失效,就需要举行服务器再考证

浏览器缓存

  • Cookie
  • LocalStorage
  • SessionStorage
  • Service Worker

Cookie

Cookie重要用于用户信息的存储, 容量为4KB

LocalStorage

LocalStorage的数据将一向保存在浏览器内,直到用户消灭浏览器缓存数据为止, 容量为5MB

SessionStorage

SessionStorage的其他属性同LocalStorage, 差别是确当页面封闭时会随之消灭

Service Worker

主假如为了进步web app的用户体验,能够完成离线运用音讯推送等等一系列的功用, 能够看作是一个独立于浏览器的Javascript代办剧本, 在离线状况下也能供应基础的功用。 出于安全性的斟酌,Service Worker 只能在https协定下运用

往期

逐日一题: 元素程度垂直居中的体式格局有哪些?

关于JS逐日一题

JS逐日一题能够看成是一个语音答题社区
天天应用碎片时候采纳60秒内的语音情势来完成当天的考题
群主在越日0点推送当天的参考答案

  • 注 毫不仅限于完成当天使命,更多是查漏补缺,进修群内别的同砚优异的答题思绪

到场JS逐日一题

    原文作者:febobo
    原文地址: https://segmentfault.com/a/1190000018009008
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞