uni-app数据缓存

首先uni-app提供的数据缓存Storage分四种模式：

一种是set（用于存储数据）、一种是get(用于获取数据)、一种是remove

(用于移除指定数据)、最后一种是clear(清除缓存数据)

然后区分：带Sync字段是同步的，没有带的是异步。

查看缓存数据的界面面板：

谷歌浏览器--开发者工具--Application--Storage--Local Storage

上面这个面板就是进行查看数据缓存相关信息的。

下面进行异步数据缓存展示，就是没带Sync字段的，顺序：先有set模式-->get模式-->remove模式-->clear模式（一般很少用）

首先准备三个按钮，分别对应上面的三个功能： 存储数据、获取数据、移除知返差数据

方法定义：

功能实现：

(1)存储数据

uni.setStorage(OBJECT)

这个对象里面传入一个key和一个data,你可以理解为键值对的形式，然后一个回调函数success

当我们点击“存储数据”的这个按钮时，我们来到面板就会看到数据已经缓存成功呈现在面板上。而key为键，data为值。

(2)获取数据

uni.getStorage() 用于获取缓存的数据

这里的key对应setStorage的key,然后再success回调函数里面接受res返回数据的结果，控制台输出。

(3)移除数据

一般用于移除整个数据。

回到数据缓存的面板查看，发现key为"student"的字段世歼已经完整移除。

带Sync的,不需要指定特定的键(key)和值(data)。

以setStorageSync(key,value)为例子，同步可以直接接受参数，第一个参时就是搭皮key键，第二个参数为value值。

将上面的例子改成同步，效果是一样的。

数据缓存：

获取数据：

我行埋们再开发web项目时，经常会遇到修改了css、js、html等静态文件，并部署到服务器之后。使用浏览器进行访问的时候，颂带猜发现并没有什么变化，这就是静态缓存。我们应该如何处理静态缓存呢？首先我们先了解什么是静态缓存。

html文件添加Expires时间

CDN是静态缓存加速最典型的代表。CDN技术并不是一门新的技术，它是基于传统 nginx、squid、varnish 等 web 缓存技术，结合 DNS 智能解析的静态缓存加速技术。

方式二：

uniapp解决缓存的野型方式与vue一样，但是uniapp兼容了很多平台，所以修改vue.config.js又不太一样。如果uniapp根目录下面没有vue.config.js，则新建vue.config.js文件即可。

---