前端面试题总结

性能优化

前端浏览器缓存问题
1.强缓存，可以通过cache-control和expires控制。

cache-control：no-cache，no-store,must-revalidate

Cache-Control: must-revalidate（必须重新验证）
Cache-Control: no-cache（必须始终在使用原始服务器之前先经过原始服务器的验证）
Cache-Control: no-store （不缓存）

指定expires的值为 时间戳，表示过期时间，这样在下次再向服务器请求资源的时候，浏览器就会对比本地时间与expires的时间戳，从而得知是否要去浏览器缓存获得资源，否则会重新向服务器请求获得资源。

2.协商缓存，使用Last-Modified。
在首次请求时会在响应头里返回Last-Modified，这也是一个时间戳，服务器会根据这个值和服务器上资源最后一次修改时间做比较，来判断是否需要响应请求内容，如果需要重新响应服务器就会返回最新的资源，并在响应头里重新设置一个Last-Modified，否则不会。