资讯专栏INFORMATION COLUMN

首次实战小程序遇到的坑

yvonne / 3383人阅读

摘要:在我的强烈要求下产品终于决定开发一款小程序了以下是一些开发心得在正式进入开发前花了两个多小时的时间阅读了开发文档不得不说在此大赞腾讯的开发文档简单明了拿到设计图是一倍的设计图和设计师沟通变成的二倍设计图这样在布局的时候设计图上显示多少可以直

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

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99243.html

相关文章

  • 从零开始:微信程序新手入门宝典《一》

    摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...

    whataa 评论0 收藏0
  • 从零开始:微信程序新手入门宝典《一》

    摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...

    mdluo 评论0 收藏0
  • 从零开始:微信程序新手入门宝典《一》

    摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...

    LdhAndroid 评论0 收藏0
  • [填坑手册]程序目录结构和component组件使用心得

    摘要:组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。事件用于子组件向父组件传递数据,可以传递任意数据。官方文档往期回顾填坑手册小程序生成海报一拆弹时刻小程序生成海报二 showImg(https://user-gold-cdn.xitu.io/2019/6/19/16b6e94bcde767a1?w=1069&h=652&f=jpeg&s=120912); 小程序目录结构...

    myshell 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<