小程序开发路径I

开发总结

布局

他们大多使用flex布局，主要是指阮毅峰的博客。

常用的有：

对齐项目：居中；//垂直居中

对齐内容：居中；//水平

使用此布局可以解决大多数问题，覆盖和非标准布局除外。

覆盖：

图像.png

如果机头不移动，下层需要滑动，位置：可为机头设置固定；z指数：999；将级别设置得更高。

以下布局，

图像.png

位置：绝对；对于直接外部布局，位置：相对于小布局，然后您可以自己调整位置。

外部工具

地图组件：

例如，如果内置小程序不能满足要求，可以使用。

图表组件：

你可以使用著名的ECharts。

echarts chart的开发经验实际上是..快速找到相应的样式api。找到api，将样式调整为令人满意的样式，然后将选项复制到本地配置。

一个陷阱是，一些ECharts函数与小程序不兼容，例如温度图函数。因此，只能使用H5页面来完成这部分功能。

还有一些配置项在不同的模型上表现不同。例如，在折线图的areaStyle属性中，如果颜色是渐变，则在Android手机上没有渐变效果。

颜色：新echarts.graphic.LinearGradient(

0, 1, 0, 0, [{

偏移：1，

颜色：“#2468F6”，

},

{

偏移：0，

颜色：“#151b2c”，

}

]

)

字符串生成二维码

Js有。一些热心的开发人员对此进行了调整。然而，我发现二维码在第一次加载时出现了乱码。当前的解决方案是。

发展

遇到的问题

小程序底部选项卡栏中图标的大小不能通过代码修改。它只能用于分割UI。应该注意的是，切片越大，图标越大，但空白越小，图形越大。通常，空白应该是1/4，即200x200像素的图像，但图像的实际部分大约是165x165。

事实上，小程序页面传递的参数与普通网页相同，即参数在url中拼接。但有一个特别的：

wx.switchTab({

url:“”，

});

当使用上述跳转方法时，当跳转到带有tabBard的页面时，不能在url中拼接参数。即使在另一个页面的onLoad选项中拼接参数，也无法获得任何结果。这可以通过曲线拯救国家来实现。在跳转之前，要传输的参数可以保存到全局变量中，这些变量可以在新打开的页面中获得。

小程序不能将本地图像用作背景图像。有三种解决方案

使用网络图片背景

位置：绝对；

使用echart在小程序中绘制图标。因为echart的底层使用画布绘制图形，而小程序中的画布级别是最高的，如果您使用画布控件页面并希望在其上叠加一些控件，就会出现一些问题。微信为这个问题提供了解决方案，但有些控件无法使用这种方法。这时，你也可以改变思维，将埃哈特绘制的图像转换成图像的形式，这样水平就不会那么高了。

在iphone真机中，在很多情况下，1prx高度的分割线不会显示，需要设置为2rpx

前端页面中的最小有效字体值为12px。如果设置得小于此值，它将无法在前端页面中工作，但在手机上会变小。如果您想在页面中生效，可以使用transform:scale（0.8）；