优质手机网站建设推荐网站推广优化招聘

强缓存：不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的Network选项中可以看到该请求返回200的状态码，并且Size显示from disk cache或from memory cache。

强缓存可以通过设置两种HTTP Header实现：Expires和Cache-Control。

网页的response headers部分如下：

优先考虑Cache-Control: max-age=691200，则示资源可以被缓存的最长时间为691200秒

Cache-Control: 命令

public    表示响应可以被客户端和CDN等代理服务器缓存
private    表示响应只可以被客户端缓存，Cache-Control的默认取值
max-age=30    缓存30s后就过期，需要重新请求
s-maxage=30    优先级高于max-age，存在时会覆盖max-age，作用一样，只在代理服务器中生效，ax-age用于普通缓存，而s-maxage用于代理缓存。
no-store    不缓存任何响应，即不使用强制缓存，也不使用协商缓存
no-cache    资源被客户端缓存，是否使用缓存则需要经过协商缓存来验证决定。表示不使用 Cache-Control的缓存控制方式做前置验证，而是使用 Etag 或者Last-Modified字段来控制缓存。
max-stale=30    能容忍的最大过期时间。30s秒内，即使缓存过期，也使用该缓存
min-fresh=30    能够容忍的最小新鲜度。希望在30s内获取最新的响应

页面加载状态码304是指资源未修改，可以从浏览器缓存中获取。它表示浏览器已经发出了请求，但服务器返回的是“资源未被修改”，没有返回资源内容。因此，浏览器会从本地缓存中读取资源并显示在页面中，这样可以提高页面的加载速度和用户的访问体验。

getEventListeners()是一种调试工具，可以查看当前DOM元素上绑定的事件以及对应的处理函数。该方法仅在Chrome Console中可用，如果要在代码中使用它，需要通过Chrome DevTools Protocol来实现。