小程序开发总结（一）

最近，我在开发一个小程序项目并准备上线的过程中遇到了很多陷阱，这也是第一个要做的。我通过自己的不断实践和努力解决了这些问题，并与您分享，以缩短您的开发时间。

1、 修改背景色

这是一个非常常见的要求。在html中，我们可以更改正文和html标记颜色，但您可以在applet中使用两种方法

1.修改页面颜色

2.在app.json文件中修改

“backgroundTextStyle”：“#f2f2f2”，//注意这里的两个属性值需要一致。我亲自测试“backgroundColor”：“#f2f2f2f2f2”

2、 地图参考（腾讯地图）

1.在小程序的要求中，地理位置是一个常见的要求。我们在这里使用腾讯地图，在后台使用百度地图。必须有人问我们为什么不使用同一张地图。这是因为百度地图在市场上有完整的开发文档和开源插件功能，所以在后台使用百度地图。小程序的父亲是腾讯选择的腾讯地图，但需要在后台转换经纬度值，因为百度和腾讯地图的经纬度标准不同。

地图标准应稍后统一

如何使用腾讯地图

在腾讯地图官网申请开发者账号（附）

创建密钥

在微信公众号平台上设置安全域名

这里有个洞。如果未设置此安全域名，则无法在移动演示中访问地图api。您需要打开调试模式

具体api请参见腾讯地图文档

3、 在ios顶部查找和收听Android退货事件或退货事件

我一直想找到这个事件，因为当一些页面返回时，它们需要返回指定的页面，而不是父页面路由的页面。这个问题可以通过使用小程序的生命周期功能来解决

OnUnload（）｛wx.switchTab（｛url:“/pages/order/index”，//这是一路向西失败的地方：函数（res）｛｝｝）｝

4、 字体图标

我相信很多前端开发人员在使用iconfont后都无法放下它，但小程序无法使用

阿里巴巴-腾讯不是一个家庭，但仍有解决方案

因为小程序背景地图只支持base64，所以我们可以将iconfont文件转换为base64

从iconfont下载文件。记住选择fontClass的模式

然后在此平台上将字体文件转换为base64

在lib文件中引入

将字体添加到wxss

完成

（稍后继续更新…）