用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

小程序开发踩坑

纸飞机 2018-3-8 09:35

作者:proto袁浩宇,原文地址从1月10多号到2月19日一直在做微信,虽然很菜,但是还是来分享哈自己的心得下面就来详细的介绍哈自己目前的遇到比较尴尬的地方1.开发工具开发工具这个的确有点恶心,我这里图方便就直接 ...

作者:proto袁浩宇,

原文地址

从1月10多号到2月19日一直在做微信,虽然很菜,但是还是来分享哈自己的心得

下面就来详细的介绍哈自己目前的遇到比较尴尬的地方

1.开发工具

开发工具这个的确有点恶心,我这里图方便就直接下来微信小程序官方推荐的。目前来看,这个编辑器还是相当不稳定的,比如不能正常关闭,wxml查看节点不会加载等等。所以你如果用到一个比较稳定的版本,请慎重考虑是否选择升级。

2.开发工具也有的小技巧

由于你页面展示的顺序是由你app.json中的页面地址的顺序来展示的,经常切换代码顺序来预览就非常不方便了,这里我们就可以使用官方编辑器自带的功能来调整。

如图他这个地方有点小坑,这三个箭头代表三个功能。
中间那个就是我们要用的设置启动页的。

如图 我们只要放入app.json你需要的地址即可,同时我们也可以看到这里也可以设置参数。
但是一定要注意在图中红圈的地方打上勾,点击确定才能生效!

3.上传与预览

由于小程序大小最大为1024kb所以大家要严格控制自己项目的大小,由于有时候开发工具存在的bug,导致你的程序大于1024Kb时候也能出现扫描二维码的界面。但是在扫码后会提示构建失败之类的,这个时候首先回去看看你的程序大小是否合格。当时有时候也会出现预览时候报错undefined的,这个时候也可以去看看自己程序大小。

4.onload与onshow

onload只会在页面加载时候执行,比如你用navigateBack回到之前的页面的时候,之前那个页面不会再执行onload,所以我们要触发某些函数的时候,我们可以放在onshow里面,即使是navigateBack回来也会执行。

this.onload可以重新onload,但是注意你之前onload是否有options传参的操作,如果有,在你使用this.onload的时候记得对参数传递处理

5.关于绝对定位

对于移动端网页都有这个问题,对于一些有虚拟按键的手机,绝对定位不是一个很好的选择,他会在虚拟按键下出现上移的问题

6.关于时间戳相互转换

之前用了一些不是很好的方法,原本以为没问题,的确在安卓机型上没问题,在ios上则出现了bug,所以这里推荐使用微信小程序自带的util(这里有个使用的传送门

http://www.jb51.net/article/97457.htm)

7.data管理

由于不能操作dom,这里很多东西要用setData更新,有时候逻辑稍微复杂,flag和data就会很多,这里个人觉得需要建立一个管理,来理清这些东西

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏