小程序在日常遇到的一些限制及解决方法

文件大小限制

微信小程序对单个文件大小有限制，js文件不能超过2MB，其他类型文件不能超过10MB。如果开发者需要使用大型资源文件，可以考虑分割文件或使用CDN加速技术。

解决方式如下：

• 分割文件

将较大的文件拆分为多个小文件，并通过异步加载的方式进行动态合并。例如，在小程序中可以使用小程序提供的Page对象的onLoad、onReady等方法来实现异步加载。

• 使用CDN加速技术

可以将一些静态文件存储到CDN服务器上，利用CDN的高速访问和缓存机制，快速地向用户提供所需的数据。这种方式可以有效减小小程序的流量负载，提升访问速度和稳定性。

• 压缩文件

对于一些代码和资源较大的文件，可以采用压缩的方式来减小文件大小，例如使用Gzip或Deflate算法进行压缩。同时，也可以使用图片压缩工具对图片资源进行压缩，并选择合适的图片格式（如jpg、png等）来降低文件大小。

网络请求限制

小程序对网络请求次数和频率都有限制，最多只能同时存在5个请求连接，而且每次请求间隔不能小于30ms，否则会被判定为频繁请求。如果需要进行大量数据处理，可以考虑通过云函数实现，在服务器端处理数据并返回结果。

解决方式如下：

• 使用云函数

云函数是一种在云端运行的代码，可以实现大量数据的复杂处理和计算，并将结果返回给小程序端。使用云函数可以避免小程序端请求过多和频繁请求等问题，同时还可以提升小程序的安全性和稳定性。

• 合并请求

合并多个相似的请求，并将其一次性发送到服务器，可以降低小程序端的请求数量和网络负载，提升请求效率和速度。例如，在小程序中可以使用Promise.all方法来实现多个请求的合并。

• 优化请求参数

合理设置请求参数，减少无用的参数和重复参数，可以有效降低请求的大小和数量，提升小程序的请求效率和速度。例如，在小程序中可以使用微信提供的缓存机制，避免重复请求同一资源。

缓存限制

小程序对缓存大小也有限制，每个小程序的缓存上限为10MB，如果需要缓存大量数据，建议使用本地存储或IndexedDB等技术。

解决方式如下：

• 使用本地存储

小程序提供了一种本地存储机制，可以将数据存储到小程序客户端的本地缓存中，并在需要时读取数据。使用本地存储可以避免服务器请求频繁和数据传输量过大的问题，同时还可以提升小程序的访问速度和稳定性。

• 使用IndexedDB

IndexedDB是一种浏览器级别的数据库技术，可以用于存储大量的结构化数据，并提供高效的查询和检索功能。在小程序中，可以使用第三方插件wx-miniprogram-indexeddb来实现IndexedDB的使用。

• 定期清理缓存

定期清理小程序的缓存，删除无用的缓存文件和数据，可以有效减少缓存的大小和数量，提升小程序的运行效率和性能。例如，在小程序中可以使用微信提供的wx.clearStorage方法来清空小程序的缓存。

页面数量限制

小程序对页面数量也有限制，最多只能存在100个页面。如果需要显示大量内容，可以考虑使用列表渲染或动态加载的方式来展示数据。

代码包限制

小程序对代码包大小也有限制，目前最大限制为8MB。如果代码包超过限制，可以考虑使用分包加载或按需加载的方式来减小代码包大小。

解决方式如下
分包

获取用户地理位置权限对请求协议的限制

只允许https域名获取用户的地理位置信息。

这个限制是出于对用户隐私和安全的考虑。因为http连接不加密，可能存在被恶意攻击者截取和篡改数据的风险，而https连接则具有更高的安全性和保密性。所以微信小程序要求使用https域名来获取用户的位置信息，以保护用户的隐私和安全。

因此，在开发小程序时，需要确保在获取用户当前位置时使用的域名为https，如果使用http协议，将无法获得用户的位置信息。同时，也需要确保自己的服务器具备https协议的支持，以便能够正常获取用户地理位置信息。

跨域限制

其中，小程序提供了一种解决跨域问题的方案——通过配置小程序开发者工具中的“详情”->“本地设置”->“不校验合法域名、web-view（业务域名）、TLS版本以及 HTTPS 证书”的选项，使小程序可以访问非同源接口。

这种方式的隐患：

但是这种方式存在一定的安全风险，因为关闭安全检测后，小程序将不能对所访问的域名进行安全校验和证书验证，可能会导致数据泄露或被黑客攻击等安全问题。

推荐使用：

使用小程序提供的wx.request方法，该方法支持自定义请求头、参数、数据格式等，可以满足大部分的网络请求需求。

将API接口放到服务器端进行转发，即小程序发送请求到自己的服务器，再由服务器进行跨域请求，并返回结果给小程序。这种方式需要自行搭建服务器，比较适合对数据安全要求较高的场景。

页面路径限制

最多只能有10层嵌套

解决方式如下

• 将页面进行合理拆分，避免出现过深的页面嵌套结构；

• 使用组件化开发，将复杂的页面拆分成多个组件，降低页面深度；

• 使用TabBar组件，将不同的功能页面放在TabBar中，方便用户切换；

• 使用wx.navigateTo和wx.redirectTo方法跳转页面，这些方法不受页面层数限制，但需要注意消耗的内存资源；

• 需要展示大量数据的列表页或详情页，可以使用分页加载或懒加载等技术手段，避免一次性加载过多数据导致页面层数过深

图片上传限制

单张图片最大不能超过2MB，且每个用户每天最多上传50张。