小程序 下拉加载数据量大解决方法

一般来说，小程序下拉加载数据，用合并数组的方式（concat）然后再setData新的数组，这种方式只是试用数据量小的时候，为什么这么说，因为小程序的setData有一个限制，每次setData数据不能超过1024kb，大家可以想象一下，如果用concat合并产生新数组，并保存新数组为下一次加载的原数组，那么数量孙模大的时候肯定会出现数据的大小超过1024KB的限制，那么这种问题该怎么解决呢，说解决方法的时候渣洞先了解下小程序渲染的过程

这可以这样理解小程序已经把数据和视图绑定了起来，众所周知vue是数据双向绑定的，数据改变，视图也会相应的改变，而上面的那段话是不是可以理解为小程序也是双向绑定的，

在vue里修改数据可以写 this.a = b

小程序里修改数据需要  this.setData({"key":value})

那我们是不是可以这样理解在小程序修改数据的时候只是调用setData方法修改了定义中的变量，

跟vue中this.a = b 是一样的性质而只是写法不一样

明白了，这一点，说解决方法。。。

上面说了数据量大如凯枯的时候不能用concat的原因，那我们这时候该怎么解决，只是我们可以想，既然数据和视图绑定在一起了，我们是不是可以用一个二维数组解决这个问题

大概思路是这样的

1，在data里定义一个空数组，

2，获取下拉数据

3，把获取的数组，this.setData上面定义的数组

例如this.setData({

    [`arr[${b}]`]:res.data

})

这样就避免了setData数据过大而不报错的问题。

这时候数组发生了改变视图也会相应的改变，不过这样可能会出现一个问题，如果加载数据过多的时候视图会出现渲染层失败，

小程序开发过程中会出现错误，本文总结了一些微信小程序开发常见的轮没错误以及解决方法，能帮助初学者少走弯路

不管是什么样的开发语言都有一套规则，不管是开发网页，APP还是小程序，开发过程中也都会出现错误，作为开发者，出现bug是一件很打击自信同时影响心情的事，出现开发错误就意味着开发者不得不花费额外的时间去找到问题解决。本文总结了一些微信小程序开发常见的错误以及解决方法，能帮助初学者少走弯路，避免类似的错误。

1：出现“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的错误提示。

微信小程序开发常见错误解决方法

解决方法：这个错误的原因在于index.json(对应页面的json文件 )里没有加入{ }。即使json文件里没有任何内容，也需要加入一个{ }，作为默认代码。此外，json文件不允许出现注释代码，如果有注释的代码，同样会报这个错误。

2：出现“脚本错误或者未正确调用Page（）”的错误提示。

微信小程序开发常见错误解决方法

解决方法：出现这个错误的原因通常是因为index.js (即对应页面的js文件)里，没有调用Page方法。即使js文件里没有任何代码，也需要在js里添加一个空的 Page（{ }）。注意Page的P要大写。

3： 出现“ Failed to load image http://xxx xxxxx:the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”

解决方法：出现腊卜纳这种错误，通常是由于图片的路径不对而引起的。若是外网的图片，就是你外网的图片url错了（因为它没有相对和绝对的路径概念）。现在只说说本地的图片路径问题。有这么一种情况，如果图片路径被写在一个A.js文件里，而B.js文件引用了A.js，此时图片的路径必须是相弊亮对于B.js的相对路径。建议最好在公共的js文件里使用绝对路径。

4：出现警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的问题。

微信小程序开发常见错误解决方法

解决方法：首先，这只是一个警告信息，不是错误信息，不理他不会对程序运行有任何的影响。官方文档原话：如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。如果你一定想去掉这个警告，可以在wx：for的组件属性里增加一个 wx:key=unique，unique请替换成数据绑定列表里的任意一个字段的字段名，比如文章列表数据中的字段“postId”，即wx:key=postId。不建议使用wx:key=*this。其实wx：key用来对列表渲染的数据指定一个主键”，以加快列表渲染的速度。

5：小程序如何快速创建页面文件？

解决方法：微信小程序官方文档并没有给出一次创建四种类型页面文件的方法。但在实际开发过程中有人发现了快速创建四个文件的方法。步骤：在app.json文件下pages数组里，添加一个页面的路径，如果这个路径指向的是一个不存在的文件，那么MINA框架会自动创建这个页面的四个文件。我们可以试一下，在app.json文件的pages数组里添加一项 “pages/demo/demo”，然后保存项目，用这种方式创建文件不仅快捷，而且页面文件会自动添加一些默认代码，防止出错。

原因：公众号调用接口并不是无限制的。为了防止公众号的程序错误而引发丛圆微信服务器负载异常，默认情况下，每个公众号调用接口都不能超过一定限制，当超过一定限制时，调用对应接口会收到如下错误返回码。

解决方法：微信公众平台--开发--接口渗衫塌设置--调用额度

备注：

开发者可以登录微信公众平台，在帐号后台开发者中心接口权限模板查看帐号各接口当前的日调用上限和实时调用量，对于认证帐号可以对实时调用量清零，说明如下：

1、由于指标计算方法或统计时间差异，实时调用量数据可能会出现误差，塌返一般在1%以内。

2、每个帐号每月共10次清零 *** 作机会，清零生效一次即用掉一次机会（10次包括了平台上的清零和调用接口API的清零）。

3、第三方帮助公众号调用时，实际上是在消耗公众号自身的quota。

4、每个有接口调用限额的接口都可以进行清零 *** 作。

---