首次实战小程序遇到的坑

在我的强烈要求下,产品终于决定开发一款小程序了,以下是一些开发心得

1.在正式进入开发前,花了两个多小时的时间,阅读了开发文档,不得不说,在此大赞腾讯的开发文档,简单明了

2.拿到设计图,是一倍的设计图,和设计师沟通,变成375*2的二倍设计图,这样在布局的时候,设计图上显示多少可以直接在css中写多少rpx了

3.由于小程序不支持less sass等css语法,但是在平时开发中,已经习惯用less语法来开发了,所以尝试解决写less转css普通语法,一google原来有现成插件可以使用,由于我本人使用的是vscode编辑器,所以只需要安装Easy WXLESS 插件 在需要less转css的文件 简单的配置如下图

一保存就把相应的less转化为css格式了

4.最近都是用的vue框架开发,取数据的时候直接this.就可以了,但是小程序取数据的时候需要this.data.还特别不习惯,特别容易忘,严重影响开发效率

以下是一些开发中遇到的坑

1.tabBar配置的list必须是2-5个,并且pagePath必须已经包含在pages中了,而且最重要的是,必须有一个是pages的第一个页面路径

2.tabBar中的iconPath,不能用icon格式图片,找不到,应该采用png

3.background-image图片引用不能使用本地图片,采用网络路径或者是base64格式

开发还在进行,我相信坑会越来越多,到时候再来补充