localStorage相比cookie,可以缓存大体积的数据,而且是永久有效。所以,如果把js资源和css资源存储在localStorage中,则可以省去发送http请求所消耗的时间,大大提高用户的浏览体验。如果用localStorage做,则需要一套新的缓存更新机制。前端根据配置信息,进行匹配和比较,最终决定 使用localStorage缓存,还是重新发起请求,下载最新的资源文件。localStorage中的信息,客户端是可以任意修改的。而且,可以看出,该配置信息json对象的key,就对应localStorage中的key。修改localStorage中 key 这里,我修改文件名为结果为:report.js代码更新了,版本号也恢复回 localStorage缓存有其用武之地,但不是万能的。需要注意以上提及的坑。这样,可以一定程度上避免业务层的安全漏洞。重要的,还是后台接口要做好安全保护。

localStorage的黑科技-js和css缓存机制

localStorage的黑科技-js和css缓存机制

localStorage的黑科技-js和css缓存机制

localStorage的黑科技-js和css缓存机制