首次实战小程序遇到的坑

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

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格式

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