记录小程序开发中的一些陷阱和技巧

URI编码问题

提交GET参数时，如果参数中有中文，请记住对URI进行编码。如果encodeURI（参数）未编码，则ios设备正常。Android设备可能无法获取参数。

支持新功能

一些新功能可能只支持高版本，但不支持低版本。开发时，你应该清楚地阅读官方文件。例如，图标组件的size属性支持2.4.0基本库中的rpx属性。如果用户客户端库小于此版本，则不会显示它，这将影响业务。

封装请求

在开发之前，最好根据业务封装请求函数，这样会事半功倍。

建立工具功能库

放一些常用的函数，比如格式化时间、封装请求、删除空格等等。js作为工具类库。

使用WXS

WXS是一种小程序脚本语言，其功能类似Vue的过滤器。然而，WXS的语法与js的语法不同。详见官方文件。

静态资源问题

将大多数静态资源放在云上（除非您有特殊需要），并将选项卡图标放在本地项目上。这将大大节省小程序资源。然而，当网络不好时，静态资源将缓慢加载。

RESTful接口是独立的

使请求的接口路径独立，并将其放入类似于服务的文件中。js用于将来的维护。域名也是独立的。

分包装载

在一些大型项目中，可以根据业务使用分包装载技术。也就是说，将一些公共页面放在主包中，将其他业务页面放在每个子包中，然后将它们放在js中的app Set分包预加载中。这可以节省网络开销，更有利于用户体验。然而，目前，分包预加载仅适用于app内的配置。js，并且没有API接口。

Rpx到px

在某些场景中，无法使用rpx。例如，在使用小程序动画功能时，不支持rpx。您只能输入一个固定的px值，这对屏幕自适应不友好。现在我将发布我自己的rpx到px函数：

常量rpxToPx=rpx=>{

设rpx1＝parseInt（rpx）；

return数学。地板（rpx1/750*wx.getSystemInfoSync（）.windowWidth）

}