探索前端黑科技——通过 png 图的 rgba 值缓存数据

（点击上方公众号，可快速关注）作者：jrainlau segmentfault.com/a/1190000006866207如有好文章投稿，请点击 → 这里了解详情说起前端缓存，大部分人想到的无非是几个常规的方案，比如cookie，localStorage，sessionStorage，或者加上indexedDB和webSQL，以及manifest离线缓存。除此之外，到底还有没有别的方法可以进行前端的数据缓存呢？这篇文章将会带你一起来探索，如何一步一步地通过png图的rgba值来缓存数据的黑科技之旅。原理我们知道，通过为静态资源设置Cache-Control和Expires响应头，可以迫使浏览器对其进行缓存。浏览器在向后台发起请求的时候，会先在自身的缓存里面找，如果缓存里面没有，才会继续向服务器请求这个静态资源。利用这一点，我们可以把一些需要被缓存的 ………………………………