对于单个链接页面的某些变更后, 我们偶尔需要硬性加载来刷新出变更后的页面, 本文基于此做些简单的介绍:

正常重新加载(Ctrl + R)或(F5):

此方法,浏览器发送请求时会带上缓存相关请求头
硬性重新加载(Ctrl + Shift + R)或(Ctrl + F5):

(浏览器在发送请求时会带上禁止缓存的相关请求头) 或者在devtools的network面板中勾选Disable cache并刷新（devtools面板开启状态）。
这种情况下当遇到需要加载的资源时，不会使用缓存的资源，而是重新发起请求。
清空缓存并硬性重新加载(手动在 F12 中清理缓存,然后使用Ctrl + F5):

顾名思义，将该页面的缓存清空并进行硬性重新加载，有人可能会问，既然是硬性重新加载，清不清缓存好像没有意义。
其实不然，页面加载后，还可能通过JS加载内容，只是普通的硬性重新加载的话这部分的内容仍然是从缓存中加载的，清空缓存则可以保证页面内容是完全重新加载的。

参考