前端开发怎么设置关闭当前页面删除h5缓存记录？

Question

前端开发怎么设置关闭当前页面删除h5缓存记录

Answer 1

h5本地存储localStorage，sessionStorage。
localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期。
当浏览器关闭时，sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的。
删除方法：localStorage.clear();
下边是我写的一个小测试，里边有用到localStorage

Answer 2

HTML5 提供了两种在客户端存储数据的新方法：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
所以，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
ocalStorage 方法存储的数据没有时间限制，如果清空的话，只能人为的清空，比如localStorage.removeItem(key)
会删除某一条数据，一旦删除，key对应的数据将会全部删除
全部清除：localStorage.clear()
某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据