这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战
写该系列文章的初衷是“让每位前端工程师掌握高频知识点，为工作助力”。这是前端百题斩的第36斩，希望朋友们关注公众号“执鸢者”，用知识武装自己的头脑。提前透露一下《前端百题斩（上）》pdf版近期就要出炉了( ^_^ )
打开浏览器开发者工具的Network，观察Size列经常看到三种情况：memory cache、disk cache、资源本身大小。如下所示：
5.1 类型的含义
Size主要有三种情况，然后再结合状态码，常见的主要有以下几种：
- 200 from memory cache
不访问服务器，一般已经加载过该资源且缓存在了内存当中，直接从内存中读取缓存。浏览器关闭后，数据将不存在（资源被释放掉了），再次打开相同的页面时，不会出现from memory cache。
- 200 from disk cache
不访问服务器，已经在之前的某个时间加载过该资源，直接从硬盘中读取缓存，关闭浏览器后，数据依然存在，此资源不会随着该页面的关闭而释放掉下次打开仍然会是from disk cache。
- 200 大小
通过访问服务器获取，size中显示的就是实际资源的大小。
- 304 Not Modified
访问服务器，发现数据没有更新，服务器返回此状态码。然后从缓存中读取数据。
5.2 资源查找流程
- 先查找内存，如果内存中存在，从内存中加载；
- 如果内存中未查找到，选择硬盘获取，如果硬盘中存在，从硬盘中获取；
- 如果硬盘中未查找到，就进行网络请求。
1.如果觉得这篇文章还不错，来个分享、点赞吧，让更多的人也看到
2.关注公众号执鸢者，与号主一起斩杀前端百题
