微信小程序程序员Web前端之路

小程序踩坑手册

2017-03-21  本文已影响180人  _proto_麻瓜一袁

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

入门教程就不细说 直接贴个官方文档的传送门:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

代码规范和其他相关的传送门http://www.w3cschool.cn/weixinapp/2xsy1qbv.html

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

1.开发工具

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

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

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

image

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

image

如图 我们只要放入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就会很多,这里个人觉得需要建立一个管理,来理清这些东西


后续会持续更新哦!

上一篇下一篇

猜你喜欢

热点阅读