javascript - 是否可以在 Javascript 中处理缓存？

Question

这里使用客户端的 tiff 阅读器库将 tiff 文件转换为图像以供用户查看。用户一次只能看到一个，在这里提供分页以查看下一个/上一个，而用户每次访问服务器时都进行分页获取 tiff 并将其渲染为屏幕上的图像。查看代码:

var costructUrl = 'http://cdn.dmsapp.tk/'+appUrl+'/'+evt+'?authToken='+this.getuserservice.authorizationfun()+'&force=false'; xhr.open('GET', costructUrl);   xhr.responseType = 'arraybuffer';
            xhr.onload = function (e) {
            var pages = [];
            var buffer = xhr.response;
            var tiff = new Tiff({buffer: buffer});
            var len = tiff.countDirectory();
            var currentPage = index;
            if (currentPage < len) getTiff();function getTiff(){
                tiff.setDirectory(currentPage);
                var canvas = tiff.toCanvas();
                var ctx = canvas.getContext('2d');
                pages.push(canvas.toDataURL()); if ((currentPage+1 < len && currentPage < limit)) {
                    currentPage++;
                    getTiff();         // get next page
                }
                }
            }
        };xhr.send();

我的问题是，是否可以将xhr.responce存储在缓存中，以防止每次都命中服务器。

Answer 1

是的，您可以非常轻松地处理 JavaScript 中的缓存。

您可以使用localStorage来存储要缓存的任何内容，它使用键值对来存储值，并且它将可供您域的所有页面使用。即使浏览器关闭，该值也将保留。与 sessionStorage 不同，只要浏览器打开， session 存储就会存储值，包括页面重新加载和恢复。

写入 localStorage 使用

localStorage['yourKey'] = 'yourValue';

读取数据使用

var stored = localStorage['yourKey'];

该值对于写入该值的同一域的所有页面都是可见的。

是的，您可以将任何字符串值存储到缓存中。

如果你想存储一个对象，你可以使用

localStorage['yourKey'] = JSON.stringify(your_obj); 并存储值

然后解析该值以获取对象

your_obj = JSON.parse(localStorage['yourKey']);

了解更多信息 Check Here