小程序《旧岛》项目笔记（12）-使用缓存的优点

喜欢ヅ旅行 2021-09-16 07:38 301阅读 0赞

## 使用缓存的优点 ##

### 为什么使用缓存？ ###

在一个项目中，是否使用缓存，关系着代码的复杂程度，都是也关系着项目的加载速度。使用缓存，我们可以大大减少向服务器发起请求的次数，大大减低服务器端的压力。

### 在哪里使用缓存？ ###

谈及缓存，我们不可避免的要涉及网络请求。

在项目中，获取数据的地方有2种：API 与 缓存。

其先后顺序如下：首先在缓存中进行查找数据，如果找不到，这发起网络请求，随后在写入到缓存中。

// 获取前一期/下一期的期刊
        getClassic(index, nextOrPrevious, sCallback) {
            let key = nextOrPrevious == "next" ? this._getKey(index + 1) : this._getKey(index - 1);
            let classic = wx.getStorageSync(key);
            if (!classic) {
                // 在缓存中为找到
                this.request({
                    url: '/classic/' + index + '/' + nextOrPrevious,
                    success: (res) => {
                        wx.setStorageSync(this._getKey(res.index), res)
                        sCallback(res);
                        // 写入缓存
                        // this._setLatestIndex(index);
    
                    }
                })
            } else {
                // 在缓存中找到
                sCallback(classic);
            }
    
        }

打开调试，我们发现在第一次点击按钮跳转之后，Storage中生成对应的 key:value ；

![70][]

而后，点击回退按钮的时候，因为已经缓存的原因，并没有发起网络请求。

![70 1][]

[70]: /images/20210802/b609019293544b90b477200216f17592.png
[70 1]: /images/20210802/2e4cefff82104142934cfec8bb11839f.png