微信小程序入门（七）：缓存数据-单条数据

微信小程序的编写中，涉及到有些业务场景需要将数据缓存到本地，则微信小程序api提供了两个接口函数，

wxsetStorage可以将数据缓存在本地指定的key中，如果本地缓存已经存在指定的key，则会覆盖该key对应的内容，这是一个异步的接口，在调用时会涉及到成功，失败，完成三个状态，

与wxsetStorage唯一不同的就是wxsetStorageSync是同步进行的，所以不会涉及到成功，失败，完成等回调，但是在使用时需要使用trycatch来捕获异常；

现在编写一个将字符串缓存本地的例子

编译项目，点击缓存按钮：

现在改变缓存的内容，但是缓存的key保持不变

可以看到第二次的内容把第一次覆盖了。

将内容缓存到本地之后，将其从本地提取展示出来，则可是使用微信小程序api提供的两个接口：wxgetStorageInfo(Object object)，wxgetStorageSync(string key)，与缓存同样，读取缓存也分同步和异步；

我们将刚刚存储到本地的数据展示到页面上：

编译项目，点击按钮获取缓存数据并将其展示到页面上。

完成了本地数据的缓存，获取，则接下来就是关于缓存数据的清除，同样微信小程序api也提供了可使用的接口，

至此微信小程序本地保存数据就此结束！

;     

      1、内存不足，使用自带的或者下载的清理软件，进行清理一下缓存就可以了。

      2、原因：小程序发布大小超限，微信官方限制小程序的发布代码不能超过1MB，而在实际开发过程中，一般的小程序难免会有等富媒体文件，而这些富媒体文件会占用大量的存储空间，最终导致整个上传的程序包超过限制。因此，开发者需要将代码端自带的富媒体数据上传到云端进行存储，让小程序做到真正的「小」。

      3、存储空间不足，对于支持UGC的小程序，用户每天都会产生大量的交互数据，自有存储服务器容量不足，因此产生了存储海量数据的需求。

      4、文件加载速度慢，对于含有大量富媒体数据的小程序，客户端使用起来等文件加载速度慢，用户抱怨小程序使用体验差，因此产生了数据网络加速的需求。

iPhone手机在拥有足够内存，进微信却提示“存储空间不足”是由于微信软件缓存过多导致的。

1、解锁iPhone到桌面屏幕，并在应用程序中找到［微信］打开它。

2、进入［微信］程序主页后，选择［设置］打开该功能。

3、进入“设置”选项列表后，打开“一般”设置。

4、在［通用］设置菜单栏底部找到［内存空间］。

5、在［存储空间］管理页面，找到［缓存］右侧的“清理”按钮。（微信警报的“内存溢出”阈值是应用程序缓存，而不是手机自己的内存。）

6、按下“清理”按钮后，系统将自动清理［微信］应用的“存储空间”。清洗后，解决了“存储空间不足”的问题。

您好！很高兴能为您解答， 在微信小程序中，数据缓存其实就和localstorage 的原理差不多，所以理解起来并不难。下面我们来一起实现一下。

效果图展示：

我们在index页面存入数字11，然后在跳转到新页面，在将缓存中的11取出渲染到当前页面。具体代码如下：

index页面：

<span style="font-size:24px;">

<view class="btn-area">

<navigator url="/navigator/navigatortitle=我是navi">跳转到新的页面post情求</navigator>

<navigator url="/redirect/redirecttitle=我是red" redirect>跳转到当前页面</navigator>

</view>

</span>

<view>

<input style="border:2rpx solid red" placeholder="输入信息" bindinput="getInput" />

<button style="border:2rpx solid yellow" bindtap="saveInput">存入</button>

</view>1234567891012345678910

index的js：

//indexjs

//获取应用实例

var app = getApp()

Page({

data: {

storage:''

},

onLoad: function () {

var that = this

//获取输入值

getInput:function(e){

thissetData({

storage:edetailvalue

})

},

//存储输入值

saveInput:function(){

wxsetStorageSync('storage', thisdatastorage)

}

})

12345678910111213141516171819202122231234567891011121314151617181920212223

跳转页面：

<view>从存储中得到的数据:{{storage}}</view>11

跳转页面的js：

var app = getApp();

var that;

Page( {

data: {

storage:''

},

onLoad: function(options) {

that = this;

//获取存储信息

wxgetStorage({

key: 'storage',

success: function(res){

// success

thatsetData({

storage:resdata

})

}

})

}

})

以上就是关于微信小程序入门（七）：缓存数据-单条数据全部的内容，包括:微信小程序入门（七）：缓存数据-单条数据、微信小程序运行内存不足怎么解决 导致不足的原因有哪些、苹果手机微信小程序运行内存不足等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！