前端部署和资源缓存管理实战

一、前端代码部署到服务器上之后如何工作的

二、如何区分资源来自浏览器缓存还是服务器

 三、缓存分类

强缓存

图介：强缓存对比的是当前浏览器缓存资源的hash值与服务器上资源的hash值是否相同；

优点：一定期限（max-age）内，不用向服务器询问，资源直接来自浏览器缓存，速度最快；

缺点：打包时如果不配合hash，无法感知到文件更新。

 

协商缓存

图介：协商缓存对比的是当前浏览器缓存资源的最后修改时间与服务器上资源的最后修改时间是否相同；

优点：能够保证每次前端打包后丢上服务器后，刷新浏览器一定会更新资源；

缺点：只要文件是新放的，即使文件内容没变，也要重新请求服务器资源。