在浏览器开发中，我们经常需要在客户端存储数据，以便在不同页面或会话之间进行持久化。本文介绍了常用的客户端存储机制cookie与localStorage，并探讨了它们在一些方面存在的限制和差异。此外，还提供了一种解决方案，通过对localStorage进行封装，实现了为数据设置有效期的功能。

封装LocalStorage并支持过期时间

浏览器缓存机制

缓存的作用是为了减少了冗余的数据传输，节省了网费，减少了服务器的负担， 大大提高了网站的性能，加快了客户端加载网页的速度

如今前端的性能优化越来越受重视了,良好的用户体验更加更吸引和留住用户。前端性能优化手段也逐渐增多，web性能优化包括资源延迟加载，优化代码等前端方面的配置。延迟加载包括有延迟加载图片，css中的图像懒加载,延迟加载视屏等可视部分，也还有一些脚本的延迟加载和执行。